@stackcraftmx/calcita 0.32.2 → 0.51.0

package/dist/forms/validation.js

@@ -1,47 +1,51 @@
 import * as Yup from "yup";
 const NAMESPACE = "validation";
-function messageKey(name, values) {
-  return values === void 0 ? { key: `${NAMESPACE}:${name}` } : { key: `${NAMESPACE}:${name}`, values };
+function messageOf(name, rule, valuesOf) {
+  return (params = {}) => {
+    const values = { ...valuesOf ? valuesOf(params) : {}, ...params.label ? { label: params.label } : {} };
+    const fieldPath = params.originalPath ?? params.path;
+    return { key: `${NAMESPACE}:${name}`, values, rule, ...fieldPath ? { path: fieldPath } : {} };
+  };
 }
 const YUP_LOCALE = Object.freeze({
   mixed: {
-    default: messageKey("default"),
-    required: messageKey("required"),
-    defined: messageKey("required"),
-    notNull: messageKey("required"),
-    notType: messageKey("notType"),
-    oneOf: ({ values }) => messageKey("oneOf", { values: String(values) }),
-    notOneOf: ({ values }) => messageKey("notOneOf", { values: String(values) })
+    default: messageOf("default", "default"),
+    required: messageOf("required", "required"),
+    defined: messageOf("required", "defined"),
+    notNull: messageOf("required", "notNull"),
+    notType: messageOf("notType", "notType"),
+    oneOf: messageOf("oneOf", "oneOf", ({ values }) => ({ values: String(values) })),
+    notOneOf: messageOf("notOneOf", "notOneOf", ({ values }) => ({ values: String(values) }))
   },
   string: {
-    length: ({ length }) => messageKey("stringLength", { count: length }),
-    min: ({ min }) => messageKey("stringMin", { count: min }),
-    max: ({ max }) => messageKey("stringMax", { count: max }),
-    matches: messageKey("matches"),
-    email: messageKey("email"),
-    url: messageKey("url"),
-    uuid: messageKey("uuid"),
-    trim: messageKey("trim"),
-    lowercase: messageKey("lowercase"),
-    uppercase: messageKey("uppercase")
+    length: messageOf("stringLength", "length", ({ length }) => ({ count: length })),
+    min: messageOf("stringMin", "min", ({ min }) => ({ count: min })),
+    max: messageOf("stringMax", "max", ({ max }) => ({ count: max })),
+    matches: messageOf("matches", "matches"),
+    email: messageOf("email", "email"),
+    url: messageOf("url", "url"),
+    uuid: messageOf("uuid", "uuid"),
+    trim: messageOf("trim", "trim"),
+    lowercase: messageOf("lowercase", "lowercase"),
+    uppercase: messageOf("uppercase", "uppercase")
   },
   number: {
-    min: ({ min }) => messageKey("numberMin", { min }),
-    max: ({ max }) => messageKey("numberMax", { max }),
-    lessThan: ({ less }) => messageKey("lessThan", { less }),
-    moreThan: ({ more }) => messageKey("moreThan", { more }),
-    positive: messageKey("positive"),
-    negative: messageKey("negative"),
-    integer: messageKey("integer")
+    min: messageOf("numberMin", "min", ({ min }) => ({ min })),
+    max: messageOf("numberMax", "max", ({ max }) => ({ max })),
+    lessThan: messageOf("lessThan", "lessThan", ({ less }) => ({ less })),
+    moreThan: messageOf("moreThan", "moreThan", ({ more }) => ({ more })),
+    positive: messageOf("positive", "positive"),
+    negative: messageOf("negative", "negative"),
+    integer: messageOf("integer", "integer")
   },
   date: {
-    min: ({ min }) => messageKey("dateMin", { min: String(min) }),
-    max: ({ max }) => messageKey("dateMax", { max: String(max) })
+    min: messageOf("dateMin", "min", ({ min }) => ({ min: String(min) })),
+    max: messageOf("dateMax", "max", ({ max }) => ({ max: String(max) }))
   },
   array: {
-    min: ({ min }) => messageKey("arrayMin", { count: min }),
-    max: ({ max }) => messageKey("arrayMax", { count: max }),
-    length: ({ length }) => messageKey("arrayLength", { count: length })
+    min: messageOf("arrayMin", "min", ({ min }) => ({ count: min })),
+    max: messageOf("arrayMax", "max", ({ max }) => ({ count: max })),
+    length: messageOf("arrayLength", "length", ({ length }) => ({ count: length }))
   }
 });
 function buildYupLocale() {

package/dist/forms/validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"validation.js","sources":["../../src/forms/validation.js"],"sourcesContent":["// Mensajes por defecto de yup como LLAVES de i18n y no como texto.\n//\n// Por qué llaves: setLocale es global y se llama una sola vez. Con el texto en español, al cambiar a inglés los\n// errores seguirían en español hasta recargar. Con {key, values} el esquema no cambia y el texto se traduce al\n// PINTARLO (translateValidationMessage, lo usa FormTextField) en el idioma que esté activo en ese momento.\n//\n// Uso en un esquema: Yup.string().required().email()  → sin textos pegados.\n// Mensaje propio de un campo: .required({key: 'auth:login.emailRequired'}) o .test('x', {key: 'modulo:llave'}, fn).\n//\n// IMPORTANTE: toda llave de aquí existe en los textos del paquete, namespace validation de locales/{es,en}.js (lo revisa\n// validation.test.js). La validación de aquí es para no gastar un viaje al servidor en lo obvio; la que protege es la\n// del backend.\n//\n// buildYupLocale() se llama UNA vez en la entrada de la aplicación, antes del primer esquema.\n//\n// Funciones puras, no renderizan: function (regla de la casa). Solo importa yup (se prueba con node --test).\nimport * as Yup from 'yup';\n\nconst NAMESPACE = 'validation';\n\n/** {key: 'validation:<nombre>', values} */\nfunction messageKey(name, values) {\n    return values === undefined ? {key: `${NAMESPACE}:${name}`} : {key: `${NAMESPACE}:${name}`, values};\n}\n\n/** El locale de yup: cada mensaje por defecto es una llave del namespace validation. */\nexport const YUP_LOCALE = Object.freeze({\n    mixed: {\n        default: messageKey('default'),\n        required: messageKey('required'),\n        defined: messageKey('required'),\n        notNull: messageKey('required'),\n        notType: messageKey('notType'),\n        oneOf: ({values}) => messageKey('oneOf', {values: String(values)}),\n        notOneOf: ({values}) => messageKey('notOneOf', {values: String(values)}),\n    },\n    string: {\n        length: ({length}) => messageKey('stringLength', {count: length}),\n        min: ({min}) => messageKey('stringMin', {count: min}),\n        max: ({max}) => messageKey('stringMax', {count: max}),\n        matches: messageKey('matches'),\n        email: messageKey('email'),\n        url: messageKey('url'),\n        uuid: messageKey('uuid'),\n        trim: messageKey('trim'),\n        lowercase: messageKey('lowercase'),\n        uppercase: messageKey('uppercase'),\n    },\n    number: {\n        min: ({min}) => messageKey('numberMin', {min}),\n        max: ({max}) => messageKey('numberMax', {max}),\n        lessThan: ({less}) => messageKey('lessThan', {less}),\n        moreThan: ({more}) => messageKey('moreThan', {more}),\n        positive: messageKey('positive'),\n        negative: messageKey('negative'),\n        integer: messageKey('integer'),\n    },\n    date: {\n        min: ({min}) => messageKey('dateMin', {min: String(min)}),\n        max: ({max}) => messageKey('dateMax', {max: String(max)}),\n    },\n    array: {\n        min: ({min}) => messageKey('arrayMin', {count: min}),\n        max: ({max}) => messageKey('arrayMax', {count: max}),\n        length: ({length}) => messageKey('arrayLength', {count: length}),\n    },\n});\n\n/**\n * Instala el locale de llaves en yup. Se llama una vez en la entrada de la aplicación, antes del primer esquema.\n */\nexport function buildYupLocale() {\n    Yup.setLocale(YUP_LOCALE);\n}\n\nexport {Yup};\n\n// el texto de un error en el idioma activo vive aparte (sin yup) para los campos sueltos; aquí se re-exporta\nexport {translateValidationMessage} from '@/forms/validationMessages.js';\n"],"names":[],"mappings":";AAkBA,MAAM,YAAY;AAGlB,SAAS,WAAW,MAAM,QAAQ;AAC9B,SAAO,WAAW,SAAY,EAAC,KAAK,GAAG,SAAS,IAAI,IAAI,GAAE,IAAI,EAAC,KAAK,GAAG,SAAS,IAAI,IAAI,IAAI,OAAM;AACtG;AAGY,MAAC,aAAa,OAAO,OAAO;AAAA,EACpC,OAAO;AAAA,IACH,SAAS,WAAW,SAAS;AAAA,IAC7B,UAAU,WAAW,UAAU;AAAA,IAC/B,SAAS,WAAW,UAAU;AAAA,IAC9B,SAAS,WAAW,UAAU;AAAA,IAC9B,SAAS,WAAW,SAAS;AAAA,IAC7B,OAAO,CAAC,EAAC,OAAM,MAAM,WAAW,SAAS,EAAC,QAAQ,OAAO,MAAM,EAAC,CAAC;AAAA,IACjE,UAAU,CAAC,EAAC,OAAM,MAAM,WAAW,YAAY,EAAC,QAAQ,OAAO,MAAM,EAAC,CAAC;AAAA,EAC/E;AAAA,EACI,QAAQ;AAAA,IACJ,QAAQ,CAAC,EAAC,OAAM,MAAM,WAAW,gBAAgB,EAAC,OAAO,OAAM,CAAC;AAAA,IAChE,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,aAAa,EAAC,OAAO,IAAG,CAAC;AAAA,IACpD,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,aAAa,EAAC,OAAO,IAAG,CAAC;AAAA,IACpD,SAAS,WAAW,SAAS;AAAA,IAC7B,OAAO,WAAW,OAAO;AAAA,IACzB,KAAK,WAAW,KAAK;AAAA,IACrB,MAAM,WAAW,MAAM;AAAA,IACvB,MAAM,WAAW,MAAM;AAAA,IACvB,WAAW,WAAW,WAAW;AAAA,IACjC,WAAW,WAAW,WAAW;AAAA,EACzC;AAAA,EACI,QAAQ;AAAA,IACJ,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,aAAa,EAAC,IAAG,CAAC;AAAA,IAC7C,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,aAAa,EAAC,IAAG,CAAC;AAAA,IAC7C,UAAU,CAAC,EAAC,KAAI,MAAM,WAAW,YAAY,EAAC,KAAI,CAAC;AAAA,IACnD,UAAU,CAAC,EAAC,KAAI,MAAM,WAAW,YAAY,EAAC,KAAI,CAAC;AAAA,IACnD,UAAU,WAAW,UAAU;AAAA,IAC/B,UAAU,WAAW,UAAU;AAAA,IAC/B,SAAS,WAAW,SAAS;AAAA,EACrC;AAAA,EACI,MAAM;AAAA,IACF,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,WAAW,EAAC,KAAK,OAAO,GAAG,EAAC,CAAC;AAAA,IACxD,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,WAAW,EAAC,KAAK,OAAO,GAAG,EAAC,CAAC;AAAA,EAChE;AAAA,EACI,OAAO;AAAA,IACH,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,YAAY,EAAC,OAAO,IAAG,CAAC;AAAA,IACnD,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,YAAY,EAAC,OAAO,IAAG,CAAC;AAAA,IACnD,QAAQ,CAAC,EAAC,OAAM,MAAM,WAAW,eAAe,EAAC,OAAO,OAAM,CAAC;AAAA,EACvE;AACA,CAAC;AAKM,SAAS,iBAAiB;AAC7B,MAAI,UAAU,UAAU;AAC5B;"}
+{"version":3,"file":"validation.js","sources":["../../src/forms/validation.js"],"sourcesContent":["// Mensajes por defecto de yup como LLAVES de i18n y no como texto.\n//\n// Por qué llaves: setLocale es global y se llama una sola vez. Con el texto en español, al cambiar a inglés los\n// errores seguirían en español hasta recargar. Con {key, values} el esquema no cambia y el texto se traduce al\n// PINTARLO (translateValidationMessage, lo usa FormTextField) en el idioma que esté activo en ese momento.\n//\n// Uso en un esquema: Yup.string().required().email()  → sin textos pegados.\n// Mensaje propio de un campo: .required({key: 'auth:login.emailRequired'}) o .test('x', {key: 'modulo:llave'}, fn).\n// O sin tocar el esquema: cada mensaje lleva su regla y su campo, y la pantalla (messages del campo) o los textos del\n// proyecto (validation:fields.<campo>.<regla>) ponen el suyo (translateValidationMessage, en validationMessages.js).\n//\n// IMPORTANTE: toda llave de aquí existe en los textos del paquete, namespace validation de locales/{es,en}.js (lo revisa\n// validation.test.js). La validación de aquí es para no gastar un viaje al servidor en lo obvio; la que protege es la\n// del backend.\n//\n// buildYupLocale() se llama UNA vez en la entrada de la aplicación, antes del primer esquema.\n//\n// Funciones puras, no renderizan: function (regla de la casa). Solo importa yup (se prueba con node --test).\nimport * as Yup from 'yup';\n\nconst NAMESPACE = 'validation';\n\n/**\n * Un mensaje de yup como llave: {key: 'validation:<nombre>', values, rule, path}.\n *\n * `rule` (la regla de yup que falló: required, min, matches…) y `path` (el campo) dejan que la pantalla o los textos del\n * proyecto pongan un mensaje propio para ese campo y esa regla sin tocar el esquema (translateValidationMessage). `label`\n * (el de .label('RFC') del esquema) va en los valores, para los textos que dicen el nombre del campo.\n *\n * @param {string} name el nombre del texto en el namespace validation\n * @param {string} rule la regla de yup\n * @param {(params: object) => object} [valuesOf] los valores del texto, sacados de lo que da yup (min, max…)\n * @returns {(params?: object) => {key: string, values: object, rule: string, path?: string}}\n */\nfunction messageOf(name, rule, valuesOf) {\n    return (params = {}) => {\n        const values = {...(valuesOf ? valuesOf(params) : {}), ...(params.label ? {label: params.label} : {})};\n        // OJO: con .label('RFC') yup cambia params.path por el nombre visible; el campo de verdad viene en originalPath\n        const fieldPath = params.originalPath ?? params.path;\n        return {key: `${NAMESPACE}:${name}`, values, rule, ...(fieldPath ? {path: fieldPath} : {})};\n    };\n}\n\n/** El locale de yup: cada mensaje por defecto es una llave del namespace validation, con su regla y su campo. */\nexport const YUP_LOCALE = Object.freeze({\n    mixed: {\n        default: messageOf('default', 'default'),\n        required: messageOf('required', 'required'),\n        defined: messageOf('required', 'defined'),\n        notNull: messageOf('required', 'notNull'),\n        notType: messageOf('notType', 'notType'),\n        oneOf: messageOf('oneOf', 'oneOf', ({values}) => ({values: String(values)})),\n        notOneOf: messageOf('notOneOf', 'notOneOf', ({values}) => ({values: String(values)})),\n    },\n    string: {\n        length: messageOf('stringLength', 'length', ({length}) => ({count: length})),\n        min: messageOf('stringMin', 'min', ({min}) => ({count: min})),\n        max: messageOf('stringMax', 'max', ({max}) => ({count: max})),\n        matches: messageOf('matches', 'matches'),\n        email: messageOf('email', 'email'),\n        url: messageOf('url', 'url'),\n        uuid: messageOf('uuid', 'uuid'),\n        trim: messageOf('trim', 'trim'),\n        lowercase: messageOf('lowercase', 'lowercase'),\n        uppercase: messageOf('uppercase', 'uppercase'),\n    },\n    number: {\n        min: messageOf('numberMin', 'min', ({min}) => ({min})),\n        max: messageOf('numberMax', 'max', ({max}) => ({max})),\n        lessThan: messageOf('lessThan', 'lessThan', ({less}) => ({less})),\n        moreThan: messageOf('moreThan', 'moreThan', ({more}) => ({more})),\n        positive: messageOf('positive', 'positive'),\n        negative: messageOf('negative', 'negative'),\n        integer: messageOf('integer', 'integer'),\n    },\n    date: {\n        min: messageOf('dateMin', 'min', ({min}) => ({min: String(min)})),\n        max: messageOf('dateMax', 'max', ({max}) => ({max: String(max)})),\n    },\n    array: {\n        min: messageOf('arrayMin', 'min', ({min}) => ({count: min})),\n        max: messageOf('arrayMax', 'max', ({max}) => ({count: max})),\n        length: messageOf('arrayLength', 'length', ({length}) => ({count: length})),\n    },\n});\n\n/**\n * Instala el locale de llaves en yup. Se llama una vez en la entrada de la aplicación, antes del primer esquema.\n */\nexport function buildYupLocale() {\n    Yup.setLocale(YUP_LOCALE);\n}\n\nexport {Yup};\n\n// el texto de un error en el idioma activo vive aparte (sin yup) para los campos sueltos; aquí se re-exporta\nexport {translateValidationMessage} from '@/forms/validationMessages.js';\n"],"names":[],"mappings":";AAoBA,MAAM,YAAY;AAclB,SAAS,UAAU,MAAM,MAAM,UAAU;AACrC,SAAO,CAAC,SAAS,OAAO;AACpB,UAAM,SAAS,EAAC,GAAI,WAAW,SAAS,MAAM,IAAI,IAAK,GAAI,OAAO,QAAQ,EAAC,OAAO,OAAO,MAAK,IAAI,CAAA,EAAG;AAErG,UAAM,YAAY,OAAO,gBAAgB,OAAO;AAChD,WAAO,EAAC,KAAK,GAAG,SAAS,IAAI,IAAI,IAAI,QAAQ,MAAM,GAAI,YAAY,EAAC,MAAM,UAAS,IAAI,CAAA,EAAG;AAAA,EAC9F;AACJ;AAGY,MAAC,aAAa,OAAO,OAAO;AAAA,EACpC,OAAO;AAAA,IACH,SAAS,UAAU,WAAW,SAAS;AAAA,IACvC,UAAU,UAAU,YAAY,UAAU;AAAA,IAC1C,SAAS,UAAU,YAAY,SAAS;AAAA,IACxC,SAAS,UAAU,YAAY,SAAS;AAAA,IACxC,SAAS,UAAU,WAAW,SAAS;AAAA,IACvC,OAAO,UAAU,SAAS,SAAS,CAAC,EAAC,OAAM,OAAO,EAAC,QAAQ,OAAO,MAAM,EAAC,EAAE;AAAA,IAC3E,UAAU,UAAU,YAAY,YAAY,CAAC,EAAC,OAAM,OAAO,EAAC,QAAQ,OAAO,MAAM,EAAC,EAAE;AAAA,EAC5F;AAAA,EACI,QAAQ;AAAA,IACJ,QAAQ,UAAU,gBAAgB,UAAU,CAAC,EAAC,OAAM,OAAO,EAAC,OAAO,OAAM,EAAE;AAAA,IAC3E,KAAK,UAAU,aAAa,OAAO,CAAC,EAAC,IAAG,OAAO,EAAC,OAAO,IAAG,EAAE;AAAA,IAC5D,KAAK,UAAU,aAAa,OAAO,CAAC,EAAC,IAAG,OAAO,EAAC,OAAO,IAAG,EAAE;AAAA,IAC5D,SAAS,UAAU,WAAW,SAAS;AAAA,IACvC,OAAO,UAAU,SAAS,OAAO;AAAA,IACjC,KAAK,UAAU,OAAO,KAAK;AAAA,IAC3B,MAAM,UAAU,QAAQ,MAAM;AAAA,IAC9B,MAAM,UAAU,QAAQ,MAAM;AAAA,IAC9B,WAAW,UAAU,aAAa,WAAW;AAAA,IAC7C,WAAW,UAAU,aAAa,WAAW;AAAA,EACrD;AAAA,EACI,QAAQ;AAAA,IACJ,KAAK,UAAU,aAAa,OAAO,CAAC,EAAC,IAAG,OAAO,EAAC,IAAG,EAAE;AAAA,IACrD,KAAK,UAAU,aAAa,OAAO,CAAC,EAAC,IAAG,OAAO,EAAC,IAAG,EAAE;AAAA,IACrD,UAAU,UAAU,YAAY,YAAY,CAAC,EAAC,KAAI,OAAO,EAAC,KAAI,EAAE;AAAA,IAChE,UAAU,UAAU,YAAY,YAAY,CAAC,EAAC,KAAI,OAAO,EAAC,KAAI,EAAE;AAAA,IAChE,UAAU,UAAU,YAAY,UAAU;AAAA,IAC1C,UAAU,UAAU,YAAY,UAAU;AAAA,IAC1C,SAAS,UAAU,WAAW,SAAS;AAAA,EAC/C;AAAA,EACI,MAAM;AAAA,IACF,KAAK,UAAU,WAAW,OAAO,CAAC,EAAC,IAAG,OAAO,EAAC,KAAK,OAAO,GAAG,EAAC,EAAE;AAAA,IAChE,KAAK,UAAU,WAAW,OAAO,CAAC,EAAC,IAAG,OAAO,EAAC,KAAK,OAAO,GAAG,EAAC,EAAE;AAAA,EACxE;AAAA,EACI,OAAO;AAAA,IACH,KAAK,UAAU,YAAY,OAAO,CAAC,EAAC,IAAG,OAAO,EAAC,OAAO,IAAG,EAAE;AAAA,IAC3D,KAAK,UAAU,YAAY,OAAO,CAAC,EAAC,IAAG,OAAO,EAAC,OAAO,IAAG,EAAE;AAAA,IAC3D,QAAQ,UAAU,eAAe,UAAU,CAAC,EAAC,OAAM,OAAO,EAAC,OAAO,OAAM,EAAE;AAAA,EAClF;AACA,CAAC;AAKM,SAAS,iBAAiB;AAC7B,MAAI,UAAU,UAAU;AAC5B;"}

package/dist/forms/validationMessages.js

@@ -1,16 +1,73 @@
-function translateValidationMessage(translate, error) {
-  if (!error) {
+import { createLogger } from "../observability/logger.js";
+const NAMESPACE = "validation";
+const DEFAULT_MESSAGE_KEY = `${NAMESPACE}:default`;
+const log = createLogger("forms");
+const warnedShapes = /* @__PURE__ */ new Set();
+function fieldKeyOf(path) {
+  return String(path).replace(/\[\d+\]/g, "").split(".").filter((step) => step !== "" && !/^\d+$/.test(step)).join(".");
+}
+function normalizedValidationMessage(error) {
+  if (typeof error === "string") {
+    return { text: error };
+  }
+  if (!error || typeof error !== "object") {
+    return null;
+  }
+  const key = typeof error.key === "string" ? error.key : typeof error.msg === "string" ? error.msg : null;
+  if (key) {
+    return { key, values: error.values ?? error.params ?? {}, rule: error.rule, path: error.path };
+  }
+  if (typeof error.message === "string") {
+    return { text: error.message };
+  }
+  if (error.message && typeof error.message === "object") {
+    const inner = normalizedValidationMessage(error.message);
+    return inner && "key" in inner && !inner.rule && error.type ? { ...inner, rule: error.type } : inner;
+  }
+  return null;
+}
+function warnUnknownShape(error) {
+  const shape = Object.keys(error).sort().join(",");
+  if (warnedShapes.has(shape)) {
+    return;
+  }
+  warnedShapes.add(shape);
+  log.warn(`Un mensaje de validación con forma desconocida ({${shape}}): se enseña el mensaje general. Conéctelo con readValidationMessage de ToolkitProvider.`);
+}
+function translateValidationMessage(translate, error, { label, messages, readMessage, fieldName } = {}) {
+  if (error === void 0 || error === null || error === "" || error === false) {
     return void 0;
   }
-  if (typeof error === "string") {
-    return error;
+  const read = readMessage ? readMessage(error) : void 0;
+  const message = normalizedValidationMessage(read === void 0 || read === null ? error : read);
+  if (!message) {
+    warnUnknownShape(typeof error === "object" ? error : { value: error });
+    return translate(DEFAULT_MESSAGE_KEY);
   }
-  if (typeof error === "object" && error.key) {
-    return translate(error.key, error.values);
+  if ("text" in message) {
+    return message.text;
   }
-  return String(error);
+  const values = label && message.values.label === void 0 ? { ...message.values, label } : message.values;
+  const ownMessage = message.rule ? messages?.[message.rule] : void 0;
+  if (ownMessage !== void 0 && ownMessage !== null) {
+    return translateValidationMessage(translate, ownMessage, { label });
+  }
+  const path = message.path ?? fieldName;
+  if (message.rule && path) {
+    const fieldText = translate(`${NAMESPACE}:fields.${fieldKeyOf(path)}.${message.rule}`, { ...values, defaultValue: "" });
+    if (fieldText) {
+      return fieldText;
+    }
+  }
+  return translate(message.key, values);
+}
+function ruleMessageOf(key, rule, values = {}) {
+  return { key, values, rule };
 }
 export {
+  fieldKeyOf,
+  normalizedValidationMessage,
+  ruleMessageOf,
   translateValidationMessage
 };
 //# sourceMappingURL=validationMessages.js.map

package/dist/forms/validationMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"validationMessages.js","sources":["../../src/forms/validationMessages.js"],"sourcesContent":["// El texto de un error de validación en el idioma activo. Aparte de validation.js a propósito: no importa yup, así lo usan\n// los campos sueltos de la puerta principal (inputs/) sin cargar yup en un proyecto que no valida con él.\n//\n// Función pura, no renderiza: function (regla de la casa).\n\n/**\n * Texto de un error de validación en el idioma activo.\n * Acepta las dos formas que llegan: {key, values} de yup (buildYupLocale), o un texto ya traducido (los del backend).\n *\n * @param {(key: string, values?: object) => string} translate el t de useToolkitTranslation\n * @param {string|{key: string, values?: object}|undefined|null} error\n * @returns {string|undefined}\n */\nexport function translateValidationMessage(translate, error) {\n    if (!error) {\n        return undefined;\n    }\n    if (typeof error === 'string') {\n        return error;\n    }\n    if (typeof error === 'object' && error.key) {\n        return translate(error.key, error.values);\n    }\n    return String(error);\n}\n"],"names":[],"mappings":"AAaO,SAAS,2BAA2B,WAAW,OAAO;AACzD,MAAI,CAAC,OAAO;AACR,WAAO;AAAA,EACX;AACA,MAAI,OAAO,UAAU,UAAU;AAC3B,WAAO;AAAA,EACX;AACA,MAAI,OAAO,UAAU,YAAY,MAAM,KAAK;AACxC,WAAO,UAAU,MAAM,KAAK,MAAM,MAAM;AAAA,EAC5C;AACA,SAAO,OAAO,KAAK;AACvB;"}
+{"version":3,"file":"validationMessages.js","sources":["../../src/forms/validationMessages.js"],"sourcesContent":["// El texto de un error de validación en el idioma activo. Aparte de validation.js a propósito: no importa yup, así lo usan\n// los campos sueltos de la puerta principal (inputs/) sin cargar yup en un proyecto que no valida con él.\n//\n// De dónde sale el texto, en este orden (el primero que exista gana):\n//   1. el de la pantalla para ese campo y esa regla: <TextInput messages={{matches: 'El RFC lleva 12 o 13 caracteres'}} />\n//   2. el de los textos del proyecto para ese campo y esa regla: validation:fields.<campo>.<regla>\n//      ({es: {validation: {fields: {rfc: {matches: '…'}}}}}); el campo sin índices de lista (contacts[2].email → contacts.email)\n//   3. el del mensaje mismo: la llave que puso Calcita (buildYupLocale) o el esquema ({key: 'clientes:rfcLargo'})\n// Así el negocio pide un mensaje muy específico y se agrega un texto, sin tocar el esquema ni los mensajes de Calcita.\n//\n// Las formas de mensaje que entiende (readValidationMessage de ToolkitProvider lee cualquier otra, la de un sistema que ya\n// existe):\n//   'El correo ya existe.'               un texto ya escrito (el del backend): tal cual\n//   {key, values}                        la de Calcita (y rule y path, que pone buildYupLocale)\n//   {msg, values}                        la de muchos sistemas con i18next (su setLocale de yup)\n//   {message: 'texto'}                   un texto dentro de un objeto\n//   {message: {…}, type}                 el error entero de react-hook-form: se lee su message\n// Una forma que no entiende NO se pinta como «[object Object]»: sale el mensaje general y se avisa en la consola.\n//\n// Funciones puras, no renderizan: function (regla de la casa).\nimport {createLogger} from '@/observability/logger.js';\n\nconst NAMESPACE = 'validation';\nconst DEFAULT_MESSAGE_KEY = `${NAMESPACE}:default`;\nconst log = createLogger('forms');\n// las formas de mensaje que no se entendieron y de las que ya se avisó (una vez por forma)\nconst warnedShapes = new Set();\n\n/**\n * El campo sin índices de lista, para buscar su texto propio: 'contacts[2].email' y 'contacts.2.email' son 'contacts.email'.\n *\n * @param {string} path\n * @returns {string}\n */\nexport function fieldKeyOf(path) {\n    return String(path)\n        .replace(/\\[\\d+\\]/g, '')\n        .split('.')\n        .filter((step) => step !== '' && !/^\\d+$/.test(step))\n        .join('.');\n}\n\n/**\n * Un mensaje en la forma de Calcita, venga como venga.\n *\n * @param {unknown} error\n * @returns {{text: string}|{key: string, values: object, rule?: string, path?: string}|null} null: no se entendió\n */\nexport function normalizedValidationMessage(error) {\n    if (typeof error === 'string') {\n        return {text: error};\n    }\n    if (!error || typeof error !== 'object') {\n        return null;\n    }\n    const key = typeof error.key === 'string' ? error.key : (typeof error.msg === 'string' ? error.msg : null);\n    if (key) {\n        return {key, values: error.values ?? error.params ?? {}, rule: error.rule, path: error.path};\n    }\n    if (typeof error.message === 'string') {\n        return {text: error.message};\n    }\n    if (error.message && typeof error.message === 'object') {\n        const inner = normalizedValidationMessage(error.message);\n        // el error de react-hook-form trae la regla en `type`\n        return inner && 'key' in inner && !inner.rule && error.type ? {...inner, rule: error.type} : inner;\n    }\n    return null;\n}\n\n/**\n * Avisa una vez por forma de un mensaje que no se entendió (sus llaves), en vez de pintar «[object Object]».\n *\n * @param {object} error\n * @returns {void}\n */\nfunction warnUnknownShape(error) {\n    const shape = Object.keys(error).sort().join(',');\n    if (warnedShapes.has(shape)) {\n        return;\n    }\n    warnedShapes.add(shape);\n    log.warn(`Un mensaje de validación con forma desconocida ({${shape}}): se enseña el mensaje general. Conéctelo con readValidationMessage de ToolkitProvider.`);\n}\n\n/**\n * Texto de un error de validación en el idioma activo.\n *\n * @param {(key: string, values?: object) => string} translate el t de useToolkitTranslation (respeta `defaultValue`, como el\n *     de i18next: con él busca los textos opcionales sin avisar que faltan)\n * @param {unknown} error lo que dejó la validación en el campo\n * @param {object} [options]\n * @param {string} [options.label] el nombre del campo, para los textos que lo dicen ({{label}}: «Escriba {{label}}»)\n * @param {Record<string, string|object>} [options.messages] los textos de la pantalla para este campo, por regla\n *     ({required: 'Escriba el RFC', matches: 'El RFC lleva 12 o 13 caracteres'}); ya traducidos o como {key, values}\n * @param {((error: unknown) => unknown)|null} [options.readMessage] cómo leer el mensaje de un sistema que ya existe\n *     (readValidationMessage de ToolkitProvider): regresa un texto, {key, values} o undefined para la lectura de siempre\n * @param {string} [options.fieldName] el name del campo que pinta el error: para el texto propio de ese campo cuando el\n *     mensaje no trae su campo (las reglas propias, los de un sistema que ya existe)\n * @returns {string|undefined}\n */\nexport function translateValidationMessage(translate, error, {label, messages, readMessage, fieldName} = {}) {\n    if (error === undefined || error === null || error === '' || error === false) {\n        return undefined;\n    }\n    const read = readMessage ? readMessage(error) : undefined;\n    const message = normalizedValidationMessage(read === undefined || read === null ? error : read);\n    if (!message) {\n        warnUnknownShape(typeof error === 'object' ? error : {value: error});\n        return translate(DEFAULT_MESSAGE_KEY);\n    }\n    if ('text' in message) {\n        return message.text;\n    }\n    const values = label && message.values.label === undefined ? {...message.values, label} : message.values;\n\n    // 1. el de la pantalla para esta regla\n    const ownMessage = message.rule ? messages?.[message.rule] : undefined;\n    if (ownMessage !== undefined && ownMessage !== null) {\n        return translateValidationMessage(translate, ownMessage, {label});\n    }\n    // 2. el de los textos del proyecto para este campo y esta regla (opcional: sin él no se avisa que falta)\n    const path = message.path ?? fieldName;\n    if (message.rule && path) {\n        const fieldText = translate(`${NAMESPACE}:fields.${fieldKeyOf(path)}.${message.rule}`, {...values, defaultValue: ''});\n        if (fieldText) {\n            return fieldText;\n        }\n    }\n    // 3. el del mensaje\n    return translate(message.key, values);\n}\n\n/**\n * El mensaje de una regla propia (.test) como lo dejan las de Calcita: su llave, sus valores y el nombre de la regla, para\n * que la pantalla (messages del campo) o los textos del proyecto (validation:fields.<campo>.<regla>) pongan el suyo sin\n * tocar el esquema. Es un objeto fijo: quien lo lea (rule.message.key) lo encuentra como siempre.\n *\n *   {name: 'percent', message: ruleMessageOf('validation:percent', 'percent', {min: 0, max: 100}), test: …}\n *\n * @param {string} key la llave del texto ('validation:percent')\n * @param {string} rule el nombre de la regla\n * @param {object} [values] los valores del texto\n * @returns {{key: string, values: object, rule: string}}\n */\nexport function ruleMessageOf(key, rule, values = {}) {\n    return {key, values, rule};\n}\n"],"names":[],"mappings":";AAsBA,MAAM,YAAY;AAClB,MAAM,sBAAsB,GAAG,SAAS;AACxC,MAAM,MAAM,aAAa,OAAO;AAEhC,MAAM,eAAe,oBAAI,IAAG;AAQrB,SAAS,WAAW,MAAM;AAC7B,SAAO,OAAO,IAAI,EACb,QAAQ,YAAY,EAAE,EACtB,MAAM,GAAG,EACT,OAAO,CAAC,SAAS,SAAS,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,EACnD,KAAK,GAAG;AACjB;AAQO,SAAS,4BAA4B,OAAO;AAC/C,MAAI,OAAO,UAAU,UAAU;AAC3B,WAAO,EAAC,MAAM,MAAK;AAAA,EACvB;AACA,MAAI,CAAC,SAAS,OAAO,UAAU,UAAU;AACrC,WAAO;AAAA,EACX;AACA,QAAM,MAAM,OAAO,MAAM,QAAQ,WAAW,MAAM,MAAO,OAAO,MAAM,QAAQ,WAAW,MAAM,MAAM;AACrG,MAAI,KAAK;AACL,WAAO,EAAC,KAAK,QAAQ,MAAM,UAAU,MAAM,UAAU,CAAA,GAAI,MAAM,MAAM,MAAM,MAAM,MAAM,KAAI;AAAA,EAC/F;AACA,MAAI,OAAO,MAAM,YAAY,UAAU;AACnC,WAAO,EAAC,MAAM,MAAM,QAAO;AAAA,EAC/B;AACA,MAAI,MAAM,WAAW,OAAO,MAAM,YAAY,UAAU;AACpD,UAAM,QAAQ,4BAA4B,MAAM,OAAO;AAEvD,WAAO,SAAS,SAAS,SAAS,CAAC,MAAM,QAAQ,MAAM,OAAO,EAAC,GAAG,OAAO,MAAM,MAAM,KAAI,IAAI;AAAA,EACjG;AACA,SAAO;AACX;AAQA,SAAS,iBAAiB,OAAO;AAC7B,QAAM,QAAQ,OAAO,KAAK,KAAK,EAAE,KAAI,EAAG,KAAK,GAAG;AAChD,MAAI,aAAa,IAAI,KAAK,GAAG;AACzB;AAAA,EACJ;AACA,eAAa,IAAI,KAAK;AACtB,MAAI,KAAK,oDAAoD,KAAK,2FAA2F;AACjK;AAkBO,SAAS,2BAA2B,WAAW,OAAO,EAAC,OAAO,UAAU,aAAa,UAAS,IAAI,IAAI;AACzG,MAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,MAAM,UAAU,OAAO;AAC1E,WAAO;AAAA,EACX;AACA,QAAM,OAAO,cAAc,YAAY,KAAK,IAAI;AAChD,QAAM,UAAU,4BAA4B,SAAS,UAAa,SAAS,OAAO,QAAQ,IAAI;AAC9F,MAAI,CAAC,SAAS;AACV,qBAAiB,OAAO,UAAU,WAAW,QAAQ,EAAC,OAAO,MAAK,CAAC;AACnE,WAAO,UAAU,mBAAmB;AAAA,EACxC;AACA,MAAI,UAAU,SAAS;AACnB,WAAO,QAAQ;AAAA,EACnB;AACA,QAAM,SAAS,SAAS,QAAQ,OAAO,UAAU,SAAY,EAAC,GAAG,QAAQ,QAAQ,MAAK,IAAI,QAAQ;AAGlG,QAAM,aAAa,QAAQ,OAAO,WAAW,QAAQ,IAAI,IAAI;AAC7D,MAAI,eAAe,UAAa,eAAe,MAAM;AACjD,WAAO,2BAA2B,WAAW,YAAY,EAAC,MAAK,CAAC;AAAA,EACpE;AAEA,QAAM,OAAO,QAAQ,QAAQ;AAC7B,MAAI,QAAQ,QAAQ,MAAM;AACtB,UAAM,YAAY,UAAU,GAAG,SAAS,WAAW,WAAW,IAAI,CAAC,IAAI,QAAQ,IAAI,IAAI,EAAC,GAAG,QAAQ,cAAc,GAAE,CAAC;AACpH,QAAI,WAAW;AACX,aAAO;AAAA,IACX;AAAA,EACJ;AAEA,SAAO,UAAU,QAAQ,KAAK,MAAM;AACxC;AAcO,SAAS,cAAc,KAAK,MAAM,SAAS,CAAA,GAAI;AAClD,SAAO,EAAC,KAAK,QAAQ,KAAI;AAC7B;"}

package/dist/forms.js

@@ -1,55 +1,80 @@
 "use client";
 import { FieldArray, Form, Formik, useField, useFormikContext } from "formik";
-import { default as default2 } from "./forms/FormCatalogField.js";
-import { default as default3 } from "./forms/FormColorField.js";
-import { default as default4 } from "./forms/FormNumberField.js";
-import { default as default5 } from "./forms/FormProblemAlert.js";
-import { default as default6 } from "./forms/FormSelectField.js";
-import { default as default7 } from "./forms/FormServerProblem.js";
-import { default as default8 } from "./forms/FormTextField.js";
-import { default as default9 } from "./forms/FormWizard.js";
-import { default as default10 } from "./forms/auth/ChangePasswordForm.js";
-import { default as default11 } from "./forms/auth/ForgotPasswordForm.js";
-import { default as default12 } from "./forms/auth/SignInForm.js";
-import { SECOND_STEP_METHOD, default as default13 } from "./forms/security/SecondStepForm.js";
-import { default as default14 } from "./forms/security/TwoStepVerificationCard.js";
+import { default as default2 } from "./forms/FormAttachmentsField.js";
+import { default as default3 } from "./forms/FormCatalogField.js";
+import { default as default4 } from "./forms/FormCheckboxGroupField.js";
+import { default as default5 } from "./forms/FormColorField.js";
+import { default as default6 } from "./forms/FormFileField.js";
+import { default as default7 } from "./forms/FormFileUploadField.js";
+import { default as default8 } from "./forms/FormImageField.js";
+import { default as default9 } from "./forms/FormMaskedField.js";
+import { default as default10 } from "./forms/FormNumberField.js";
+import { default as default11 } from "./forms/FormProblemAlert.js";
+import { default as default12 } from "./forms/FormRepeatingFields.js";
+import { default as default13 } from "./forms/FormTransferListField.js";
+import { listTotalAtMostRule, listTotalOf, orderedInListRule, uniqueInListRule } from "./forms/listRules.js";
+import { percentRule, sameAsFieldRule } from "./forms/fieldRules.js";
+import { default as default14 } from "./forms/FormSelectField.js";
+import { default as default15 } from "./forms/FormServerProblem.js";
+import { default as default16 } from "./forms/FormTextField.js";
+import { default as default17 } from "./forms/FormWizard.js";
+import { default as default18 } from "./forms/auth/ChangePasswordForm.js";
+import { default as default19 } from "./forms/auth/ForgotPasswordForm.js";
+import { default as default20 } from "./forms/auth/SignInForm.js";
+import { SECOND_STEP_METHOD, default as default21 } from "./forms/security/SecondStepForm.js";
+import { default as default22 } from "./forms/security/TwoStepVerificationCard.js";
 import { RECOVERY_CODE_PATTERN, TOTP_CODE_PATTERN, normalizeRecoveryCode, normalizeTotpCode } from "./forms/security/securityRules.js";
-import { default as default15 } from "./forms/SubmitButton.js";
+import { default as default23 } from "./forms/SubmitButton.js";
 import { applyServerProblem } from "./forms/applyServerProblem.js";
-import { formLevelMessageOf, splitServerFieldErrors } from "./forms/serverProblemFields.js";
+import { formLevelMessageOf, splitRowFieldErrors, splitServerFieldErrors } from "./forms/serverProblemFields.js";
 import { useFormikField } from "./forms/useFormikField.js";
 import { buildYupLocale } from "./forms/validation.js";
 import * as Yup from "yup";
 import { translateValidationMessage } from "./forms/validationMessages.js";
 export {
-  default10 as ChangePasswordForm,
+  default18 as ChangePasswordForm,
   FieldArray,
-  default11 as ForgotPasswordForm,
+  default19 as ForgotPasswordForm,
   Form,
-  default2 as FormCatalogField,
-  default3 as FormColorField,
-  default4 as FormNumberField,
-  default5 as FormProblemAlert,
-  default6 as FormSelectField,
-  default7 as FormServerProblem,
-  default8 as FormTextField,
-  default9 as FormWizard,
+  default2 as FormAttachmentsField,
+  default3 as FormCatalogField,
+  default4 as FormCheckboxGroupField,
+  default5 as FormColorField,
+  default6 as FormFileField,
+  default7 as FormFileUploadField,
+  default8 as FormImageField,
+  default9 as FormMaskedField,
+  default10 as FormNumberField,
+  default11 as FormProblemAlert,
+  default12 as FormRepeatingFields,
+  default14 as FormSelectField,
+  default15 as FormServerProblem,
+  default16 as FormTextField,
+  default13 as FormTransferListField,
+  default17 as FormWizard,
   Formik,
   RECOVERY_CODE_PATTERN,
   SECOND_STEP_METHOD,
-  default13 as SecondStepForm,
-  default12 as SignInForm,
-  default15 as SubmitButton,
+  default21 as SecondStepForm,
+  default20 as SignInForm,
+  default23 as SubmitButton,
   TOTP_CODE_PATTERN,
-  default14 as TwoStepVerificationCard,
+  default22 as TwoStepVerificationCard,
   Yup,
   applyServerProblem,
   buildYupLocale,
   formLevelMessageOf,
+  listTotalAtMostRule,
+  listTotalOf,
   normalizeRecoveryCode,
   normalizeTotpCode,
+  orderedInListRule,
+  percentRule,
+  sameAsFieldRule,
+  splitRowFieldErrors,
   splitServerFieldErrors,
   translateValidationMessage,
+  uniqueInListRule,
   useField,
   useFormikContext,
   useFormikField

package/dist/forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"forms.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"forms.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hookForm/FormAttachmentsField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import AttachmentsInput from "../upload/AttachmentsInput.js";
+function FormAttachmentsField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(AttachmentsInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormAttachmentsField as default
+};
+//# sourceMappingURL=FormAttachmentsField.js.map

package/dist/hookForm/FormAttachmentsField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormAttachmentsField.js","sources":["../../src/hookForm/FormAttachmentsField.jsx"],"sourcesContent":["// Campo de varios archivos de react-hook-form: AttachmentsInput (upload/) conectado a su campo con useController. Se ve y\n// se porta igual que el FormAttachmentsField de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport AttachmentsInput from '@/upload/AttachmentsInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/upload/AttachmentsInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormAttachmentsField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <AttachmentsInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,qBAAqB,EAAC,MAAM,SAAS,GAAG,cAAa;AACzE,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,kBAAA,EAAkB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC7D;"}

package/dist/hookForm/FormCheckboxGroupField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import CheckboxGroupInput from "../inputs/CheckboxGroupInput.js";
+function FormCheckboxGroupField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(CheckboxGroupInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormCheckboxGroupField as default
+};
+//# sourceMappingURL=FormCheckboxGroupField.js.map

package/dist/hookForm/FormCheckboxGroupField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckboxGroupField.js","sources":["../../src/hookForm/FormCheckboxGroupField.jsx"],"sourcesContent":["// El grupo de casillas de react-hook-form: CheckboxGroupInput (inputs/) conectado con useController. Se ve y se porta\n// igual que el de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport CheckboxGroupInput from '@/inputs/CheckboxGroupInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/inputs/CheckboxGroupInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormCheckboxGroupField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <CheckboxGroupInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,uBAAuB,EAAC,MAAM,SAAS,GAAG,cAAa;AAC3E,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,oBAAA,EAAoB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC/D;"}

package/dist/hookForm/FormFileField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import FileInput from "../upload/FileInput.js";
+function FormFileField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(FileInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormFileField as default
+};
+//# sourceMappingURL=FormFileField.js.map

package/dist/hookForm/FormFileField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFileField.js","sources":["../../src/hookForm/FormFileField.jsx"],"sourcesContent":["// Campo de un archivo de react-hook-form: FileInput (upload/) conectado a su campo con useController. Se ve y se porta igual\n// que el FormFileField de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport FileInput from '@/upload/FileInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/upload/FileInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormFileField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <FileInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,cAAc,EAAC,MAAM,SAAS,GAAG,cAAa;AAClE,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,WAAA,EAAW,GAAG,YAAa,GAAG,WAAA,CAAY;AACtD;"}

package/dist/hookForm/FormFileUploadField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import FileUploadInput from "../upload/FileUploadInput.js";
+function FormFileUploadField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(FileUploadInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormFileUploadField as default
+};
+//# sourceMappingURL=FormFileUploadField.js.map

package/dist/hookForm/FormFileUploadField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFileUploadField.js","sources":["../../src/hookForm/FormFileUploadField.jsx"],"sourcesContent":["// El cargador mini de react-hook-form: FileUploadInput (upload/) conectado a su campo con useController. Se ve y se porta\n// igual que el FormFileUploadField de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport FileUploadInput from '@/upload/FileUploadInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/upload/FileUploadInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormFileUploadField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <FileUploadInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,oBAAoB,EAAC,MAAM,SAAS,GAAG,cAAa;AACxE,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,iBAAA,EAAiB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC5D;"}

package/dist/hookForm/FormImageField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import ImageInput from "../upload/ImageInput.js";
+function FormImageField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(ImageInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormImageField as default
+};
+//# sourceMappingURL=FormImageField.js.map

package/dist/hookForm/FormImageField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormImageField.js","sources":["../../src/hookForm/FormImageField.jsx"],"sourcesContent":["// Campo de una imagen de react-hook-form: ImageInput (upload/) conectado a su campo con useController. Se ve y se porta igual\n// que el FormImageField de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport ImageInput from '@/upload/ImageInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/upload/ImageInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormImageField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <ImageInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,eAAe,EAAC,MAAM,SAAS,GAAG,cAAa;AACnE,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,YAAA,EAAY,GAAG,YAAa,GAAG,WAAA,CAAY;AACvD;"}

package/dist/hookForm/FormMaskedField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import MaskedInput from "../inputs/MaskedInput.js";
+function FormMaskedField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(MaskedInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormMaskedField as default
+};
+//# sourceMappingURL=FormMaskedField.js.map

package/dist/hookForm/FormMaskedField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormMaskedField.js","sources":["../../src/hookForm/FormMaskedField.jsx"],"sourcesContent":["// Campo con máscara de react-hook-form: MaskedInput (inputs/) conectado a su campo. Al formulario llega el valor LIMPIO (sin\n// separadores, en mayúsculas): «5551234567», no «555 123 4567».\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport MaskedInput from '@/inputs/MaskedInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/inputs/MaskedInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props\n *     las de MaskedInput (mask, label, helperText, placeholder…), sin value / onChange / onBlur / error; control: el de useForm,\n *     si la pantalla no usa FormProvider\n */\nexport default function FormMaskedField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <MaskedInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAYA,SAAwB,gBAAgB,EAAC,MAAM,SAAS,GAAG,cAAa;AACpE,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,aAAA,EAAa,GAAG,YAAa,GAAG,WAAA,CAAY;AACxD;"}

package/dist/hookForm/FormProblemAlert.js

@@ -2,11 +2,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useFormState } from "react-hook-form";
 import Alert from "@mui/material/Alert";
-import { piecePart } from "../theme/themePieces.js";
+import { piecePart, withPieceSlots } from "../theme/themePieces.js";
 import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const THEME_NAME = "CalcitaFormProblemAlert";
 const ProblemAlert = piecePart(THEME_NAME, "Root", Alert);
-function FormProblemAlert({ control, sx, ...unknownProps }) {
+function FormProblemAlertContent({ control, sx, ...unknownProps }) {
   warnUnknownProps("FormProblemAlert", unknownProps);
   const formContext = useFormContext();
   const { errors } = useFormState({ control: control ?? formContext?.control });
@@ -16,6 +16,7 @@ function FormProblemAlert({ control, sx, ...unknownProps }) {
   }
   return /* @__PURE__ */ jsx(ProblemAlert, { severity: "error", role: "alert", sx, children: message });
 }
+const FormProblemAlert = withPieceSlots(FormProblemAlertContent, THEME_NAME);
 export {
   FormProblemAlert as default
 };

package/dist/hookForm/FormProblemAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormProblemAlert.js","sources":["../../src/hookForm/FormProblemAlert.jsx"],"sourcesContent":["// El aviso de arriba del formulario de react-hook-form: lo que el servidor dijo que no es de un campo. applyServerProblem\n// lo deja en errors.root.server; aquí se pinta. Sin mensaje no pinta nada ni ocupa lugar.\n//\n// Se cambia desde el tema del proyecto: components.CalcitaFormProblemAlert con styleOverrides.root.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormContext, useFormState} from 'react-hook-form';\nimport Alert from '@mui/material/Alert';\nimport {piecePart} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y su parte (theme.components.CalcitaFormProblemAlert): el estilo del proyecto va\n// después del de MUI y el sx de la pantalla al final\nconst THEME_NAME = 'CalcitaFormProblemAlert';\nconst ProblemAlert = piecePart(THEME_NAME, 'Root', Alert);\n\n/**\n * @param {{control?: object, sx?: object}} props control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormProblemAlert({control, sx, ...unknownProps}) {\n    warnUnknownProps('FormProblemAlert', unknownProps);\n    const formContext = useFormContext();\n    const {errors} = useFormState({control: control ?? formContext?.control});\n    const message = errors.root?.server?.message;\n\n    // guard clause: sin aviso del servidor\n    if (!message) {\n        return null;\n    }\n    return <ProblemAlert severity=\"error\" role=\"alert\" sx={sx}>{message}</ProblemAlert>;\n}\n"],"names":[],"mappings":";;;;;;AAaA,MAAM,aAAa;AACnB,MAAM,eAAe,UAAU,YAAY,QAAQ,KAAK;AAKxD,SAAwB,iBAAiB,EAAC,SAAS,IAAI,GAAG,gBAAe;AACrE,mBAAiB,oBAAoB,YAAY;AACjD,QAAM,cAAc,eAAA;AACpB,QAAM,EAAC,WAAU,aAAa,EAAC,SAAS,WAAW,aAAa,SAAQ;AACxE,QAAM,UAAU,OAAO,MAAM,QAAQ;AAGrC,MAAI,CAAC,SAAS;AACV,WAAO;AAAA,EACX;AACA,6BAAQ,cAAA,EAAa,UAAS,SAAQ,MAAK,SAAQ,IAAS,UAAA,SAAQ;AACxE;"}
+{"version":3,"file":"FormProblemAlert.js","sources":["../../src/hookForm/FormProblemAlert.jsx"],"sourcesContent":["// El aviso de arriba del formulario de react-hook-form: lo que el servidor dijo que no es de un campo. applyServerProblem\n// lo deja en errors.root.server; aquí se pinta. Sin mensaje no pinta nada ni ocupa lugar.\n//\n// Se cambia desde el tema del proyecto: components.CalcitaFormProblemAlert con styleOverrides.root.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormContext, useFormState} from 'react-hook-form';\nimport Alert from '@mui/material/Alert';\nimport {piecePart, withPieceSlots} from '@/theme/themePieces.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y su parte (theme.components.CalcitaFormProblemAlert): el estilo del proyecto va\n// después del de MUI y el sx de la pantalla al final\nconst THEME_NAME = 'CalcitaFormProblemAlert';\nconst ProblemAlert = piecePart(THEME_NAME, 'Root', Alert);\n\n/**\n * @param {{control?: object, sx?: object}} props control: el de useForm, si la pantalla no usa FormProvider\n */\nfunction FormProblemAlertContent({control, sx, ...unknownProps}) {\n    warnUnknownProps('FormProblemAlert', unknownProps);\n    const formContext = useFormContext();\n    const {errors} = useFormState({control: control ?? formContext?.control});\n    const message = errors.root?.server?.message;\n\n    // guard clause: sin aviso del servidor\n    if (!message) {\n        return null;\n    }\n    return <ProblemAlert severity=\"error\" role=\"alert\" sx={sx}>{message}</ProblemAlert>;\n}\n\nconst FormProblemAlert = withPieceSlots(FormProblemAlertContent, THEME_NAME);\nexport default FormProblemAlert;\n"],"names":[],"mappings":";;;;;;AAaA,MAAM,aAAa;AACnB,MAAM,eAAe,UAAU,YAAY,QAAQ,KAAK;AAKxD,SAAS,wBAAwB,EAAC,SAAS,IAAI,GAAG,gBAAe;AAC7D,mBAAiB,oBAAoB,YAAY;AACjD,QAAM,cAAc,eAAA;AACpB,QAAM,EAAC,WAAU,aAAa,EAAC,SAAS,WAAW,aAAa,SAAQ;AACxE,QAAM,UAAU,OAAO,MAAM,QAAQ;AAGrC,MAAI,CAAC,SAAS;AACV,WAAO;AAAA,EACX;AACA,6BAAQ,cAAA,EAAa,UAAS,SAAQ,MAAK,SAAQ,IAAS,UAAA,SAAQ;AACxE;AAEA,MAAM,mBAAmB,eAAe,yBAAyB,UAAU;"}

package/dist/hookForm/FormRepeatingFields.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormContext, useFieldArray, useWatch, useFormState } from "react-hook-form";
+import RepeatingFields from "../inputs/RepeatingFields.js";
+const EMPTY_ROWS = Object.freeze([]);
+function FormRepeatingFields({ name, control, emptyRow, renderRow, removeBlockedReason, confirmRemove, onAdd, onRemove, ...viewProps }) {
+  const formContext = useFormContext();
+  const formControl = control ?? formContext?.control;
+  const { fields, append, remove: removeAt, update } = useFieldArray({ name, control: formControl });
+  const rows = useWatch({ name, control: formControl }) ?? EMPTY_ROWS;
+  const { errors } = useFormState({ name, control: formControl });
+  const listErrors = name.split(".").reduce((branch, part) => branch?.[part], errors);
+  const listErrorMessage = listErrors?.root?.message ?? listErrors?.message;
+  return /* @__PURE__ */ jsx(
+    RepeatingFields,
+    {
+      ...viewProps,
+      rowKeys: fields.map((field) => field.id),
+      renderRow: (index) => renderRow({ index, row: rows[index] ?? emptyRow, nameOf: (field) => `${name}.${index}.${field}` }),
+      onAdd: () => {
+        append({ ...emptyRow });
+        onAdd?.(fields.length);
+      },
+      onRemove: (index) => {
+        const removedRow = rows[index];
+        removeAt(index);
+        onRemove?.(removedRow, index);
+      },
+      onClear: (index) => {
+        const clearedRow = rows[index];
+        update(index, { ...emptyRow });
+        onRemove?.(clearedRow, index);
+      },
+      removeBlockedReasonOf: removeBlockedReason ? (index) => removeBlockedReason(rows[index], index) : void 0,
+      confirmRemoveOf: confirmRemove ? (index) => confirmRemove(rows[index], index) : void 0,
+      rowHasErrorOf: (index) => Boolean(listErrors?.[index]),
+      error: listErrorMessage
+    }
+  );
+}
+export {
+  FormRepeatingFields as default
+};
+//# sourceMappingURL=FormRepeatingFields.js.map

package/dist/hookForm/FormRepeatingFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRepeatingFields.js","sources":["../../src/hookForm/FormRepeatingFields.jsx"],"sourcesContent":["// Renglones que se repiten en react-hook-form: RepeatingFields (inputs/) conectado con useFieldArray. Se usa igual que el\n// FormRepeatingFields de formik (@stackcraftmx/calcita/forms): name, emptyRow, renderRow con nameOf, y lo mismo para decidir\n// si un renglón se puede quitar.\n//\n// El error de toda la lista llega de yup (yupResolver lo pone en errors.<name>.root) o de las reglas del campo.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFieldArray, useFormContext, useFormState, useWatch} from 'react-hook-form';\n\nimport RepeatingFields from '@/inputs/RepeatingFields.jsx';\n\nconst EMPTY_ROWS = Object.freeze([]);\n\n/**\n * @param {{\n *   name: string,\n *   control?: object,\n *   emptyRow: object,\n *   renderRow: (row: {index: number, row: any, nameOf: (field: string) => string}) => import('react').ReactNode,\n *   removeBlockedReason?: (row: any, index: number) => string|null,\n *   confirmRemove?: (row: any, index: number) => boolean,\n *   onAdd?: (index: number) => void,\n *   onRemove?: (row: any, index: number) => void,\n * } & Omit<Parameters<typeof import('@/inputs/RepeatingFields.jsx').default>[0], 'rowKeys'|'renderRow'|'onAdd'|'onRemove'|'onClear'|'removeBlockedReasonOf'|'confirmRemoveOf'|'rowHasErrorOf'|'error'>} props\n *     control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormRepeatingFields({name, control, emptyRow, renderRow, removeBlockedReason, confirmRemove, onAdd, onRemove, ...viewProps}) {\n    const formContext = useFormContext();\n    const formControl = control ?? formContext?.control;\n    const {fields, append, remove: removeAt, update} = useFieldArray({name, control: formControl});\n    const rows = useWatch({name, control: formControl}) ?? EMPTY_ROWS;\n    const {errors} = useFormState({name, control: formControl});\n    const listErrors = name.split('.').reduce((branch, part) => branch?.[part], errors);\n    const listErrorMessage = listErrors?.root?.message ?? listErrors?.message;\n\n    return (\n        <RepeatingFields\n            {...viewProps}\n            rowKeys={fields.map((field) => field.id)}\n            renderRow={(index) => renderRow({index, row: rows[index] ?? emptyRow, nameOf: (field) => `${name}.${index}.${field}`})}\n            onAdd={() => {\n                append({...emptyRow});\n                onAdd?.(fields.length);\n            }}\n            onRemove={(index) => {\n                const removedRow = rows[index];\n                removeAt(index);\n                onRemove?.(removedRow, index);\n            }}\n            onClear={(index) => {\n                const clearedRow = rows[index];\n                update(index, {...emptyRow});\n                onRemove?.(clearedRow, index);\n            }}\n            removeBlockedReasonOf={removeBlockedReason ? (index) => removeBlockedReason(rows[index], index) : undefined}\n            confirmRemoveOf={confirmRemove ? (index) => confirmRemove(rows[index], index) : undefined}\n            rowHasErrorOf={(index) => Boolean(listErrors?.[index])}\n            error={listErrorMessage}\n        />\n    );\n}\n"],"names":[],"mappings":";;;;AAWA,MAAM,aAAa,OAAO,OAAO,EAAE;AAenC,SAAwB,oBAAoB,EAAC,MAAM,SAAS,UAAU,WAAW,qBAAqB,eAAe,OAAO,UAAU,GAAG,UAAA,GAAY;AACjJ,QAAM,cAAc,eAAA;AACpB,QAAM,cAAc,WAAW,aAAa;AAC5C,QAAM,EAAC,QAAQ,QAAQ,QAAQ,UAAU,WAAU,cAAc,EAAC,MAAM,SAAS,YAAA,CAAY;AAC7F,QAAM,OAAO,SAAS,EAAC,MAAM,SAAS,YAAA,CAAY,KAAK;AACvD,QAAM,EAAC,WAAU,aAAa,EAAC,MAAM,SAAS,aAAY;AAC1D,QAAM,aAAa,KAAK,MAAM,GAAG,EAAE,OAAO,CAAC,QAAQ,SAAS,SAAS,IAAI,GAAG,MAAM;AAClF,QAAM,mBAAmB,YAAY,MAAM,WAAW,YAAY;AAElE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,SAAS,OAAO,IAAI,CAAC,UAAU,MAAM,EAAE;AAAA,MACvC,WAAW,CAAC,UAAU,UAAU,EAAC,OAAO,KAAK,KAAK,KAAK,KAAK,UAAU,QAAQ,CAAC,UAAU,GAAG,IAAI,IAAI,KAAK,IAAI,KAAK,IAAG;AAAA,MACrH,OAAO,MAAM;AACT,eAAO,EAAC,GAAG,UAAS;AACpB,gBAAQ,OAAO,MAAM;AAAA,MACzB;AAAA,MACA,UAAU,CAAC,UAAU;AACjB,cAAM,aAAa,KAAK,KAAK;AAC7B,iBAAS,KAAK;AACd,mBAAW,YAAY,KAAK;AAAA,MAChC;AAAA,MACA,SAAS,CAAC,UAAU;AAChB,cAAM,aAAa,KAAK,KAAK;AAC7B,eAAO,OAAO,EAAC,GAAG,UAAS;AAC3B,mBAAW,YAAY,KAAK;AAAA,MAChC;AAAA,MACA,uBAAuB,sBAAsB,CAAC,UAAU,oBAAoB,KAAK,KAAK,GAAG,KAAK,IAAI;AAAA,MAClG,iBAAiB,gBAAgB,CAAC,UAAU,cAAc,KAAK,KAAK,GAAG,KAAK,IAAI;AAAA,MAChF,eAAe,CAAC,UAAU,QAAQ,aAAa,KAAK,CAAC;AAAA,MACrD,OAAO;AAAA,IAAA;AAAA,EAAA;AAGnB;"}

package/dist/hookForm/FormTransferListField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import TransferListInput from "../inputs/TransferListInput.js";
+function FormTransferListField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(TransferListInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormTransferListField as default
+};
+//# sourceMappingURL=FormTransferListField.js.map

package/dist/hookForm/FormTransferListField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTransferListField.js","sources":["../../src/hookForm/FormTransferListField.jsx"],"sourcesContent":["// La lista de transferencia de react-hook-form: TransferListInput (inputs/) conectada con useController. Se ve y se porta\n// igual que la de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport TransferListInput from '@/inputs/TransferListInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/inputs/TransferListInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormTransferListField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <TransferListInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,sBAAsB,EAAC,MAAM,SAAS,GAAG,cAAa;AAC1E,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,mBAAA,EAAmB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC9D;"}

package/dist/hookForm/SubmitButton.js

@@ -3,12 +3,17 @@ import { jsx } from "react/jsx-runtime";
 import { useFormContext, useFormState } from "react-hook-form";
 import Button from "@mui/material/Button";
 import CircularProgress from "@mui/material/CircularProgress";
-function SubmitButton({ children, disabled, isPending, control, ...buttonProps }) {
+import { piecePart, withPieceSlots, usePieceProps } from "../theme/themePieces.js";
+const THEME_NAME = "CalcitaSubmitButton";
+const SubmitButtonRoot = piecePart(THEME_NAME, "Root", Button);
+function SubmitButtonContent(props) {
+  const { children, disabled, isPending, control, ...buttonProps } = usePieceProps(props, THEME_NAME);
   const formContext = useFormContext();
   const { isSubmitting } = useFormState({ control: control ?? formContext?.control });
   const isBusy = Boolean(isPending ?? isSubmitting);
-  return /* @__PURE__ */ jsx(Button, { type: "submit", variant: "contained", size: "large", disabled: disabled || isBusy, "aria-busy": isBusy, ...buttonProps, children: isBusy ? /* @__PURE__ */ jsx(CircularProgress, { size: 22, color: "inherit" }) : children });
+  return /* @__PURE__ */ jsx(SubmitButtonRoot, { type: "submit", variant: "contained", size: "large", disabled: disabled || isBusy, "aria-busy": isBusy, ...buttonProps, children: isBusy ? /* @__PURE__ */ jsx(CircularProgress, { size: 22, color: "inherit" }) : children });
 }
+const SubmitButton = withPieceSlots(SubmitButtonContent, THEME_NAME);
 export {
   SubmitButton as default
 };