@stackcraftmx/calcita 0.0.0-stage → 0.25.0

package/dist/inputs/TextInput.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState, useId } from "react";
+import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+import IconButton from "@mui/material/IconButton";
+import InputAdornment from "@mui/material/InputAdornment";
+import TextField from "@mui/material/TextField";
+import Tooltip from "@mui/material/Tooltip";
+import CancelIcon from "@mui/icons-material/Cancel";
+import VisibilityOffOutlinedIcon from "@mui/icons-material/VisibilityOffOutlined";
+import VisibilityOutlinedIcon from "@mui/icons-material/VisibilityOutlined";
+import { translateValidationMessage } from "../forms/validationMessages.js";
+import FieldFrame from "./FieldFrame.js";
+const CLEAR_BUTTON_CLASS = "calcita-clear-button";
+const CLEAR_BUTTON_SX = Object.freeze({
+  [`& .${CLEAR_BUTTON_CLASS}`]: { visibility: "hidden", color: "text.secondary" },
+  [`& .MuiInputBase-root:hover .${CLEAR_BUTTON_CLASS}, & .MuiInputBase-root.Mui-focused .${CLEAR_BUTTON_CLASS}`]: { visibility: "visible" },
+  // un campo de búsqueda (type="search") trae la × del navegador: con la ⓧ de la casa salían dos para lo mismo (lo cachó
+  // una captura de Tareas). Se esconde la del navegador; la de la casa es la que se ve igual en todos
+  '& input[type="search"]::-webkit-search-cancel-button': { WebkitAppearance: "none", display: "none" }
+});
+function TextInput({
+  name,
+  label,
+  value,
+  onChange,
+  onBlur,
+  error,
+  type = "text",
+  helperText = " ",
+  startAdornment,
+  endAdornment: customEndAdornment,
+  uppercase = false,
+  normalizeOnBlur,
+  inputRef,
+  clearable = true,
+  texts,
+  ...textFieldProps
+}) {
+  const { t } = useToolkitTranslation("common", texts);
+  const [isRevealed, setIsRevealed] = useState(false);
+  const generatedId = useId();
+  const inputId = textFieldProps.id ?? `${name ?? "text"}-${generatedId}`;
+  const errorText = translateValidationMessage(t, error);
+  const isPassword = type === "password";
+  const revealLabel = isRevealed ? t("form.hidePassword") : t("form.showPassword");
+  const passwordAdornment = isPassword ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(Tooltip, { title: revealLabel, children: /* @__PURE__ */ jsx(IconButton, { size: "small", edge: "end", "aria-label": revealLabel, onClick: () => setIsRevealed((currentValue) => !currentValue), children: isRevealed ? /* @__PURE__ */ jsx(VisibilityOffOutlinedIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(VisibilityOutlinedIcon, { fontSize: "small" }) }) }) }) : void 0;
+  const isEditable = !textFieldProps.disabled && !textFieldProps.slotProps?.htmlInput?.readOnly;
+  const canClear = clearable && !isPassword && !customEndAdornment && isEditable && Boolean(value);
+  const clearAdornment = canClear ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      size: "small",
+      edge: "end",
+      tabIndex: -1,
+      "aria-label": t("form.clear"),
+      className: CLEAR_BUTTON_CLASS,
+      onMouseDown: (event) => event.preventDefault(),
+      onClick: () => onChange(""),
+      children: /* @__PURE__ */ jsx(CancelIcon, { fontSize: "small" })
+    }
+  ) }) : void 0;
+  const endAdornment = customEndAdornment ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: customEndAdornment }) : passwordAdornment ?? clearAdornment;
+  const handleBlur = () => {
+    if (normalizeOnBlur) {
+      const normalizedValue = normalizeOnBlur(value ?? "");
+      if (normalizedValue !== value) {
+        onChange(normalizedValue);
+      }
+    }
+    onBlur?.();
+  };
+  return /* @__PURE__ */ jsx(FieldFrame, { inputId, label, children: /* @__PURE__ */ jsx(
+    TextField,
+    {
+      ...textFieldProps,
+      name,
+      id: inputId,
+      inputRef,
+      value: value ?? "",
+      onChange: (event) => onChange(uppercase ? event.target.value.toUpperCase() : event.target.value),
+      onBlur: handleBlur,
+      type: isPassword && isRevealed ? "text" : type,
+      sx: [CLEAR_BUTTON_SX, ...[].concat(textFieldProps.sx ?? [])],
+      error: Boolean(errorText),
+      helperText: errorText ?? helperText,
+      fullWidth: true,
+      size: "small",
+      slotProps: {
+        input: {
+          startAdornment: startAdornment ? /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }) : void 0,
+          endAdornment
+        }
+      }
+    }
+  ) });
+}
+export {
+  TextInput as default
+};
+//# sourceMappingURL=TextInput.js.map

package/dist/inputs/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sources":["../../src/inputs/TextInput.jsx"],"sourcesContent":["// Campo de texto suelto, con la etiqueta arriba: el que pintan FormTextField (formik) y el de react-hook-form, y el que se\n// usa sin formulario (controlado: value / onChange).\n//\n// Lo que resuelve, y por lo que existe en vez de un <TextField> suelto:\n//   - el renglón de ayuda está reservado desde el principio, así la tarjeta no brinca cuando aparece un error;\n//   - las contraseñas traen el ojo para revelarlas (con aria-label traducido);\n//   - con texto, la ⓧ para borrarlo de un toque, como los campos de Apple («Display a Clear button in the trailing end of\n//     a text field», HIG «Text fields»). Sale con el cursor encima o al escribir, para que un formulario lleno no se vea\n//     lleno de ⓧ; no entra al recorrido del teclado (con el teclado se borra seleccionando el texto);\n//   - normalizeOnBlur deja el valor como lo va a mandar el formulario (el correo en minúsculas y sin espacios) al salir del\n//     campo: la persona ve lo que se envía;\n//   - uppercase normaliza a mayúsculas mientras se escribe (claves, RFC);\n//   - el error llega como LLAVE de yup ({key, values}) o como texto ya traducido (el del servidor) y se pinta en el idioma\n//     activo. Cuándo enseñarlo (ya se tocó, ya se envió) lo decide quien lo conecta al formulario.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useId, useState} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport TextField from '@mui/material/TextField';\nimport Tooltip from '@mui/material/Tooltip';\nimport CancelIcon from '@mui/icons-material/Cancel';\nimport VisibilityOffOutlinedIcon from '@mui/icons-material/VisibilityOffOutlined';\nimport VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined';\n\nimport {translateValidationMessage} from '@/forms/validationMessages.js';\nimport FieldFrame from '@/inputs/FieldFrame.jsx';\n\n// la ⓧ de borrar: escondida hasta que el campo tiene el cursor encima o se está escribiendo en él\nconst CLEAR_BUTTON_CLASS = 'calcita-clear-button';\nconst CLEAR_BUTTON_SX = Object.freeze({\n    [`& .${CLEAR_BUTTON_CLASS}`]: {visibility: 'hidden', color: 'text.secondary'},\n    [`& .MuiInputBase-root:hover .${CLEAR_BUTTON_CLASS}, & .MuiInputBase-root.Mui-focused .${CLEAR_BUTTON_CLASS}`]: {visibility: 'visible'},\n    // un campo de búsqueda (type=\"search\") trae la × del navegador: con la ⓧ de la casa salían dos para lo mismo (lo cachó\n    // una captura de Tareas). Se esconde la del navegador; la de la casa es la que se ve igual en todos\n    '& input[type=\"search\"]::-webkit-search-cancel-button': {WebkitAppearance: 'none', display: 'none'},\n});\n\n/**\n * @param {object} props\n * @param {string} [props.name]\n * @param {string} props.label ya traducido\n * @param {string|null|undefined} props.value\n * @param {(value: string) => void} props.onChange recibe el texto, no el evento\n * @param {() => void} [props.onBlur]\n * @param {string|{key: string, values?: object}} [props.error] el error a enseñar (undefined = sin error)\n * @param {string} [props.type] 'password' agrega el ojo\n * @param {string} [props.helperText] ayuda fija; el error la reemplaza\n * @param {string} [props.placeholder] ya traducido; el ejemplo de qué escribir (se va al escribir)\n * @param {import('react').ReactNode} [props.startAdornment]\n * @param {import('react').ReactNode} [props.endAdornment] adorno al final (en contraseñas manda el ojo)\n * @param {boolean} [props.uppercase] normaliza a mayúsculas mientras se escribe\n * @param {(value: string) => string} [props.normalizeOnBlur]\n * @param {import('react').Ref<HTMLInputElement>} [props.inputRef] para enfocar el campo (react-hook-form lo usa)\n * @param {boolean} [props.clearable] la ⓧ para borrar el texto; por omisión sí (no en contraseñas ni con adorno propio)\n * @param {boolean} [props.multiline] (y lo demás de TextField de MUI: minRows, autoComplete, autoFocus, slotProps, sx…)\n * @param {number} [props.minRows]\n * @param {number} [props.maxRows]\n * @param {string} [props.autoComplete]\n * @param {boolean} [props.autoFocus]\n * @param {boolean} [props.disabled]\n * @param {boolean} [props.required]\n * @param {boolean} [props.fullWidth]\n * @param {string} [props.id]\n * @param {object} [props.slotProps]\n * @param {object} [props.sx]\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function TextInput({\n    name, label, value, onChange, onBlur, error, type = 'text', helperText = ' ', startAdornment, endAdornment: customEndAdornment,\n    uppercase = false, normalizeOnBlur, inputRef, clearable = true, texts, ...textFieldProps\n}) {\n    const {t} = useToolkitTranslation('common', texts);\n    const [isRevealed, setIsRevealed] = useState(false);\n    const generatedId = useId();\n    const inputId = textFieldProps.id ?? `${name ?? 'text'}-${generatedId}`;\n    const errorText = translateValidationMessage(t, error);\n    const isPassword = type === 'password';\n    const revealLabel = isRevealed ? t('form.hidePassword') : t('form.showPassword');\n\n    const passwordAdornment = isPassword ? (\n        <InputAdornment position=\"end\">\n            <Tooltip title={revealLabel}>\n                <IconButton size=\"small\" edge=\"end\" aria-label={revealLabel} onClick={() => setIsRevealed((currentValue) => !currentValue)}>\n                    {isRevealed ? <VisibilityOffOutlinedIcon fontSize=\"small\" /> : <VisibilityOutlinedIcon fontSize=\"small\" />}\n                </IconButton>\n            </Tooltip>\n        </InputAdornment>\n    ) : undefined;\n    const isEditable = !textFieldProps.disabled && !textFieldProps.slotProps?.htmlInput?.readOnly;\n    const canClear = clearable && !isPassword && !customEndAdornment && isEditable && Boolean(value);\n    // onMouseDown sin acción: el foco se queda en el campo al borrar (si no, el campo pierde el foco y se valida de más)\n    const clearAdornment = canClear ? (\n        <InputAdornment position=\"end\">\n            <IconButton size=\"small\" edge=\"end\" tabIndex={-1} aria-label={t('form.clear')} className={CLEAR_BUTTON_CLASS}\n                        onMouseDown={(event) => event.preventDefault()} onClick={() => onChange('')}>\n                <CancelIcon fontSize=\"small\" />\n            </IconButton>\n        </InputAdornment>\n    ) : undefined;\n    const endAdornment = customEndAdornment ? <InputAdornment position=\"end\">{customEndAdornment}</InputAdornment> : (passwordAdornment ?? clearAdornment);\n\n    const handleBlur = () => {\n        if (normalizeOnBlur) {\n            const normalizedValue = normalizeOnBlur(value ?? '');\n            // solo si cambió: un cambio de más dispara una validación de más\n            if (normalizedValue !== value) {\n                onChange(normalizedValue);\n            }\n        }\n        onBlur?.();\n    };\n\n    return (\n        <FieldFrame inputId={inputId} label={label}>\n            <TextField\n                {...textFieldProps}\n                name={name}\n                id={inputId}\n                inputRef={inputRef}\n                value={value ?? ''}\n                onChange={(event) => onChange(uppercase ? event.target.value.toUpperCase() : event.target.value)}\n                onBlur={handleBlur}\n                type={isPassword && isRevealed ? 'text' : type}\n                sx={[CLEAR_BUTTON_SX, ...[].concat(textFieldProps.sx ?? [])]}\n                error={Boolean(errorText)}\n                helperText={errorText ?? helperText}\n                fullWidth\n                size=\"small\"\n                slotProps={{\n                    input: {\n                        startAdornment: startAdornment ? <InputAdornment position=\"start\">{startAdornment}</InputAdornment> : undefined,\n                        endAdornment,\n                    },\n                }}\n            />\n        </FieldFrame>\n    );\n}\n"],"names":[],"mappings":"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"}

package/dist/inputs/WizardLayout.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Stack from "@mui/material/Stack";
+import Step from "@mui/material/Step";
+import StepLabel from "@mui/material/StepLabel";
+import Stepper from "@mui/material/Stepper";
+import Typography from "@mui/material/Typography";
+function WizardLayout({
+  steps,
+  activeIndex,
+  skippedKeys,
+  isSubmitting = false,
+  onBack,
+  onNext,
+  onSkip,
+  submitButton,
+  problemAlert,
+  texts
+}) {
+  const { t } = useToolkitTranslation("common", texts);
+  const activeStep = steps[activeIndex];
+  const isLastStep = activeIndex === steps.length - 1;
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 3, children: [
+    /* @__PURE__ */ jsx(Stepper, { activeStep: activeIndex, alternativeLabel: true, sx: { display: { xs: "none", sm: "flex" } }, children: steps.map((step) => {
+      let caption;
+      if (skippedKeys.has(step.key)) {
+        caption = t("wizard.skipped");
+      } else if (step.optional) {
+        caption = t("wizard.optional");
+      }
+      return /* @__PURE__ */ jsx(Step, { completed: skippedKeys.has(step.key) ? false : void 0, children: /* @__PURE__ */ jsx(StepLabel, { optional: caption && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: caption }), children: step.label }) }, step.key);
+    }) }),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: { xs: "block", sm: "none" } }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.secondary", children: t("wizard.stepOf", { current: activeIndex + 1, total: steps.length }) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", children: activeStep.label })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { children: activeStep.content }),
+    isLastStep && problemAlert,
+    /* @__PURE__ */ jsxs(Stack, { direction: { xs: "column-reverse", sm: "row" }, spacing: 1.5, sx: { justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ jsx(Button, { variant: "text", color: "inherit", disabled: activeIndex === 0 || isSubmitting, onClick: onBack, children: t("wizard.back") }),
+      /* @__PURE__ */ jsxs(Stack, { direction: { xs: "column-reverse", sm: "row" }, spacing: 1.5, children: [
+        activeStep.optional && !isLastStep && /* @__PURE__ */ jsx(Button, { variant: "text", onClick: onSkip, children: t("wizard.skip") }),
+        isLastStep ? submitButton : /* @__PURE__ */ jsx(Button, { variant: "contained", size: "large", onClick: onNext, children: t("wizard.next") })
+      ] })
+    ] })
+  ] });
+}
+export {
+  WizardLayout as default
+};
+//# sourceMappingURL=WizardLayout.js.map

package/dist/inputs/WizardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayout.js","sources":["../../src/inputs/WizardLayout.jsx"],"sourcesContent":["// Lo que se ve de un formulario por pasos: los pasos arriba (en el teléfono, «Paso 2 de 4» y su nombre), los campos del paso\n// y los botones (Anterior · Omitir este paso · Siguiente o Enviar). No sabe de formik ni de react-hook-form: el FormWizard de\n// cada uno (/forms y /react-hook-form) pone la lógica (qué revisa «Siguiente», qué hace «Omitir») y le pasa su botón de\n// enviar y su aviso de errores. Suelto sirve para armar un asistente propio con otra librería.\n//\n// Los textos se cambian con `texts`, con la forma de `common` en los textos del paquete: {wizard: {next: 'Continuar'}}.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport Step from '@mui/material/Step';\nimport StepLabel from '@mui/material/StepLabel';\nimport Stepper from '@mui/material/Stepper';\nimport Typography from '@mui/material/Typography';\n\n/**\n * @param {object} props\n * @param {Object[]} props.steps en orden\n * @param {string} props.steps[].key\n * @param {string} props.steps[].label ya traducido\n * @param {boolean} [props.steps[].optional] se puede omitir\n * @param {import('react').ReactNode} props.steps[].content los campos del paso\n * @param {number} props.activeIndex el paso que se ve\n * @param {Set<string>} props.skippedKeys los pasos omitidos\n * @param {boolean} [props.isSubmitting] mientras se envía, «Anterior» se apaga\n * @param {() => void} props.onBack\n * @param {() => void} props.onNext\n * @param {() => void} props.onSkip\n * @param {import('react').ReactNode} props.submitButton el botón de enviar del último paso\n * @param {import('react').ReactNode} [props.problemAlert] el aviso de errores del servidor, arriba de los botones del último paso\n * @param {object} [props.texts] los textos que cambian, con la forma de `common`: {wizard: {next, back, skip, optional, skipped, stepOf}}\n */\nexport default function WizardLayout({\n    steps, activeIndex, skippedKeys, isSubmitting = false, onBack, onNext, onSkip, submitButton, problemAlert, texts,\n}) {\n    const {t} = useToolkitTranslation('common', texts);\n    const activeStep = steps[activeIndex];\n    const isLastStep = activeIndex === steps.length - 1;\n\n    return (\n        <Stack spacing={3}>\n            {/* en el teléfono los nombres de los pasos no caben: se dice en qué paso va */}\n            <Stepper activeStep={activeIndex} alternativeLabel sx={{display: {xs: 'none', sm: 'flex'}}}>\n                {steps.map((step) => {\n                    let caption;\n                    if (skippedKeys.has(step.key)) {\n                        caption = t('wizard.skipped');\n                    } else if (step.optional) {\n                        caption = t('wizard.optional');\n                    }\n                    return (\n                        <Step key={step.key} completed={skippedKeys.has(step.key) ? false : undefined}>\n                            <StepLabel optional={caption && <Typography variant=\"caption\" color=\"text.secondary\">{caption}</Typography>}>\n                                {step.label}\n                            </StepLabel>\n                        </Step>\n                    );\n                })}\n            </Stepper>\n            <Box sx={{display: {xs: 'block', sm: 'none'}}}>\n                <Typography variant=\"overline\" color=\"text.secondary\">{t('wizard.stepOf', {current: activeIndex + 1, total: steps.length})}</Typography>\n                <Typography variant=\"h6\">{activeStep.label}</Typography>\n            </Box>\n\n            <Box>{activeStep.content}</Box>\n\n            {isLastStep && problemAlert}\n\n            <Stack direction={{xs: 'column-reverse', sm: 'row'}} spacing={1.5} sx={{justifyContent: 'space-between'}}>\n                <Button variant=\"text\" color=\"inherit\" disabled={activeIndex === 0 || isSubmitting} onClick={onBack}>\n                    {t('wizard.back')}\n                </Button>\n                <Stack direction={{xs: 'column-reverse', sm: 'row'}} spacing={1.5}>\n                    {activeStep.optional && !isLastStep && (\n                        <Button variant=\"text\" onClick={onSkip}>{t('wizard.skip')}</Button>\n                    )}\n                    {isLastStep\n                        ? submitButton\n                        : <Button variant=\"contained\" size=\"large\" onClick={onNext}>{t('wizard.next')}</Button>}\n                </Stack>\n            </Stack>\n        </Stack>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAkCA,SAAwB,aAAa;AAAA,EACjC;AAAA,EAAO;AAAA,EAAa;AAAA,EAAa,eAAe;AAAA,EAAO;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAc;AAAA,EAAc;AAC/G,GAAG;AACC,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AACjD,QAAM,aAAa,MAAM,WAAW;AACpC,QAAM,aAAa,gBAAgB,MAAM,SAAS;AAElD,SACI,qBAAC,OAAA,EAAM,SAAS,GAEZ,UAAA;AAAA,IAAA,oBAAC,WAAQ,YAAY,aAAa,kBAAgB,MAAC,IAAI,EAAC,SAAS,EAAC,IAAI,QAAQ,IAAI,OAAA,EAAM,GACnF,UAAA,MAAM,IAAI,CAAC,SAAS;AACjB,UAAI;AACJ,UAAI,YAAY,IAAI,KAAK,GAAG,GAAG;AAC3B,kBAAU,EAAE,gBAAgB;AAAA,MAChC,WAAW,KAAK,UAAU;AACtB,kBAAU,EAAE,iBAAiB;AAAA,MACjC;AACA,aACI,oBAAC,MAAA,EAAoB,WAAW,YAAY,IAAI,KAAK,GAAG,IAAI,QAAQ,QAChE,UAAA,oBAAC,WAAA,EAAU,UAAU,WAAW,oBAAC,YAAA,EAAW,SAAQ,WAAU,OAAM,kBAAkB,UAAA,QAAA,CAAQ,GACzF,UAAA,KAAK,MAAA,CACV,EAAA,GAHO,KAAK,GAIhB;AAAA,IAER,CAAC,EAAA,CACL;AAAA,IACA,qBAAC,KAAA,EAAI,IAAI,EAAC,SAAS,EAAC,IAAI,SAAS,IAAI,OAAA,EAAM,GACvC,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,SAAQ,YAAW,OAAM,kBAAkB,UAAA,EAAE,iBAAiB,EAAC,SAAS,cAAc,GAAG,OAAO,MAAM,OAAA,CAAO,GAAE;AAAA,MAC3H,oBAAC,YAAA,EAAW,SAAQ,MAAM,qBAAW,MAAA,CAAM;AAAA,IAAA,GAC/C;AAAA,IAEA,oBAAC,KAAA,EAAK,UAAA,WAAW,QAAA,CAAQ;AAAA,IAExB,cAAc;AAAA,IAEf,qBAAC,OAAA,EAAM,WAAW,EAAC,IAAI,kBAAkB,IAAI,MAAA,GAAQ,SAAS,KAAK,IAAI,EAAC,gBAAgB,mBACpF,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,SAAQ,QAAO,OAAM,WAAU,UAAU,gBAAgB,KAAK,cAAc,SAAS,QACxF,UAAA,EAAE,aAAa,GACpB;AAAA,MACA,qBAAC,OAAA,EAAM,WAAW,EAAC,IAAI,kBAAkB,IAAI,MAAA,GAAQ,SAAS,KACzD,UAAA;AAAA,QAAA,WAAW,YAAY,CAAC,cACrB,oBAAC,QAAA,EAAO,SAAQ,QAAO,SAAS,QAAS,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,QAE7D,aACK,eACA,oBAAC,QAAA,EAAO,SAAQ,aAAY,MAAK,SAAQ,SAAS,QAAS,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,MAAA,EAAA,CACtF;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/inputs/colorContrast.js

@@ -0,0 +1,46 @@
+const MIN_CONTRAST = 4.5;
+const HEX_COLOR = /^#[0-9A-Fa-f]{6}$/;
+const CHANNEL_MAX = 255;
+const LINEAR_THRESHOLD = 0.04045;
+const LINEAR_DIVISOR = 12.92;
+const GAMMA_OFFSET = 0.055;
+const GAMMA_DIVISOR = 1.055;
+const GAMMA = 2.4;
+const LUMINANCE_WEIGHTS = [0.2126, 0.7152, 0.0722];
+const WHITE_LUMINANCE_PLUS_FLARE = 1.05;
+const FLARE = 0.05;
+const DARKENING_STEP = 0.02;
+function channelsOf(color) {
+  return [1, 3, 5].map((start) => parseInt(color.slice(start, start + 2), 16));
+}
+function linearChannelOf(value) {
+  const scaled = value / CHANNEL_MAX;
+  return scaled <= LINEAR_THRESHOLD ? scaled / LINEAR_DIVISOR : ((scaled + GAMMA_OFFSET) / GAMMA_DIVISOR) ** GAMMA;
+}
+function contrastOnWhite(color) {
+  if (!HEX_COLOR.test(color ?? "")) {
+    return null;
+  }
+  const luminance = channelsOf(color).map(linearChannelOf).reduce((sum, value, position) => sum + value * LUMINANCE_WEIGHTS[position], 0);
+  return WHITE_LUMINANCE_PLUS_FLARE / (luminance + FLARE);
+}
+function readableVariantOf(color) {
+  if (!HEX_COLOR.test(color ?? "")) {
+    return null;
+  }
+  const channels = channelsOf(color);
+  let factor = 1;
+  let candidate = color.toUpperCase();
+  while (contrastOnWhite(candidate) < MIN_CONTRAST && factor > 0) {
+    factor = Math.round((factor - DARKENING_STEP) * 100) / 100;
+    candidate = `#${channels.map((value) => Math.round(value * factor).toString(16).padStart(2, "0")).join("")}`.toUpperCase();
+  }
+  return candidate;
+}
+export {
+  HEX_COLOR,
+  MIN_CONTRAST,
+  contrastOnWhite,
+  readableVariantOf
+};
+//# sourceMappingURL=colorContrast.js.map

package/dist/inputs/colorContrast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorContrast.js","sources":["../../src/inputs/colorContrast.js"],"sourcesContent":["// Contraste de un color contra el papel blanco, con la fórmula de WCAG 2.2 (criterio 1.4.3), y el mismo tono oscurecido lo\n// justo para que se lea. Viene del campo de color de PLD («Identidad de documentos»).\n//\n// Sirve para avisar MIENTRAS se elige un color; si el color importa (un comprobante, la marca de un cliente), el servidor\n// vuelve a revisarlo.\n//\n// Funciones puras, sin React: function (regla de la casa). Se prueban con node --test (colorContrast.test.js).\n\n/** El contraste mínimo de WCAG AA para texto normal. */\nexport const MIN_CONTRAST = 4.5;\n/** Un color escrito como #RRGGBB. */\nexport const HEX_COLOR = /^#[0-9A-Fa-f]{6}$/;\n\nconst CHANNEL_MAX = 255;\n// la fórmula de luminancia relativa de WCAG (sRGB)\nconst LINEAR_THRESHOLD = 0.04045;\nconst LINEAR_DIVISOR = 12.92;\nconst GAMMA_OFFSET = 0.055;\nconst GAMMA_DIVISOR = 1.055;\nconst GAMMA = 2.4;\nconst LUMINANCE_WEIGHTS = [0.2126, 0.7152, 0.0722];\nconst WHITE_LUMINANCE_PLUS_FLARE = 1.05;\nconst FLARE = 0.05;\n// cuánto se oscurece en cada intento al buscar el tono que sí se lee\nconst DARKENING_STEP = 0.02;\n\n/**\n * Los tres canales de un color #RRGGBB, de 0 a 255.\n *\n * @param {string} color\n * @returns {number[]}\n */\nfunction channelsOf(color) {\n    return [1, 3, 5].map((start) => parseInt(color.slice(start, start + 2), 16));\n}\n\n/**\n * Un canal en su valor lineal (la fórmula de WCAG).\n *\n * @param {number} value 0 a 255\n * @returns {number}\n */\nfunction linearChannelOf(value) {\n    const scaled = value / CHANNEL_MAX;\n    return scaled <= LINEAR_THRESHOLD ? scaled / LINEAR_DIVISOR : ((scaled + GAMMA_OFFSET) / GAMMA_DIVISOR) ** GAMMA;\n}\n\n/**\n * Cuánto contrasta un color sobre blanco: 21 es negro, 1 es blanco.\n *\n * @param {string} color #RRGGBB\n * @returns {number|null} null si no es un color #RRGGBB\n */\nexport function contrastOnWhite(color) {\n    if (!HEX_COLOR.test(color ?? '')) {\n        return null;\n    }\n    const luminance = channelsOf(color).map(linearChannelOf).reduce((sum, value, position) => sum + value * LUMINANCE_WEIGHTS[position], 0);\n    return WHITE_LUMINANCE_PLUS_FLARE / (luminance + FLARE);\n}\n\n/**\n * El mismo tono, oscurecido lo justo para llegar a MIN_CONTRAST sobre blanco. Si ya se lee, regresa el mismo.\n *\n * @param {string} color #RRGGBB\n * @returns {string|null} #RRGGBB en mayúsculas; null si no es un color #RRGGBB\n */\nexport function readableVariantOf(color) {\n    if (!HEX_COLOR.test(color ?? '')) {\n        return null;\n    }\n    const channels = channelsOf(color);\n    let factor = 1;\n    let candidate = color.toUpperCase();\n    while (contrastOnWhite(candidate) < MIN_CONTRAST && factor > 0) {\n        factor = Math.round((factor - DARKENING_STEP) * 100) / 100;\n        candidate = `#${channels.map((value) => Math.round(value * factor).toString(16).padStart(2, '0')).join('')}`.toUpperCase();\n    }\n    return candidate;\n}\n"],"names":[],"mappings":"AASY,MAAC,eAAe;AAEhB,MAAC,YAAY;AAEzB,MAAM,cAAc;AAEpB,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,QAAQ;AACd,MAAM,oBAAoB,CAAC,QAAQ,QAAQ,MAAM;AACjD,MAAM,6BAA6B;AACnC,MAAM,QAAQ;AAEd,MAAM,iBAAiB;AAQvB,SAAS,WAAW,OAAO;AACvB,SAAO,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,UAAU,SAAS,MAAM,MAAM,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC;AAC/E;AAQA,SAAS,gBAAgB,OAAO;AAC5B,QAAM,SAAS,QAAQ;AACvB,SAAO,UAAU,mBAAmB,SAAS,mBAAmB,SAAS,gBAAgB,kBAAkB;AAC/G;AAQO,SAAS,gBAAgB,OAAO;AACnC,MAAI,CAAC,UAAU,KAAK,SAAS,EAAE,GAAG;AAC9B,WAAO;AAAA,EACX;AACA,QAAM,YAAY,WAAW,KAAK,EAAE,IAAI,eAAe,EAAE,OAAO,CAAC,KAAK,OAAO,aAAa,MAAM,QAAQ,kBAAkB,QAAQ,GAAG,CAAC;AACtI,SAAO,8BAA8B,YAAY;AACrD;AAQO,SAAS,kBAAkB,OAAO;AACrC,MAAI,CAAC,UAAU,KAAK,SAAS,EAAE,GAAG;AAC9B,WAAO;AAAA,EACX;AACA,QAAM,WAAW,WAAW,KAAK;AACjC,MAAI,SAAS;AACb,MAAI,YAAY,MAAM,YAAW;AACjC,SAAO,gBAAgB,SAAS,IAAI,gBAAgB,SAAS,GAAG;AAC5D,aAAS,KAAK,OAAO,SAAS,kBAAkB,GAAG,IAAI;AACvD,gBAAY,IAAI,SAAS,IAAI,CAAC,UAAU,KAAK,MAAM,QAAQ,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,YAAW;AAAA,EAC5H;AACA,SAAO;AACX;"}

package/dist/inputs/formLayoutContext.js

@@ -0,0 +1,9 @@
+"use client";
+import { createContext, useContext } from "react";
+const FormSectionContext = createContext(false);
+const useIsInsideFormSection = () => useContext(FormSectionContext);
+export {
+  FormSectionContext,
+  useIsInsideFormSection
+};
+//# sourceMappingURL=formLayoutContext.js.map

package/dist/inputs/formLayoutContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formLayoutContext.js","sources":["../../src/inputs/formLayoutContext.js"],"sourcesContent":["// Si un campo está dentro de una FormSection (el formulario agrupado de Apple): ahí cada campo se pinta como renglón, con\n// la etiqueta a la izquierda y el valor a la derecha. Fuera de ella, la etiqueta va arriba del campo.\n//\n// Va en su propio archivo y no junto a FormSection: FieldFrame lo lee, y así FieldFrame no importa a FormSection (que a su\n// vez usa FormRow).\nimport {createContext, useContext} from 'react';\n\nexport const FormSectionContext = createContext(false);\n\n/** true si el campo va dentro de una FormSection. */\nexport const useIsInsideFormSection = () => useContext(FormSectionContext);\n"],"names":[],"mappings":";;AAOY,MAAC,qBAAqB,cAAc,KAAK;AAGzC,MAAC,yBAAyB,MAAM,WAAW,kBAAkB;"}

package/dist/inputs/numberText.js

@@ -0,0 +1,48 @@
+const DECIMAL_POINT = ".";
+const THOUSANDS_SEPARATOR = ",";
+const DIGITS_PER_GROUP = 3;
+const NEGATIVE_SIGN = "-";
+function cleanNumberText(text, decimals, allowNegative = false) {
+  const rawText = String(text ?? "").trim();
+  const isNegative = allowNegative && rawText.startsWith(NEGATIVE_SIGN);
+  const digitsAndPoints = rawText.replace(/[^\d.]/g, "");
+  const [wholeDigits, ...decimalParts] = digitsAndPoints.split(DECIMAL_POINT);
+  const sign = isNegative ? NEGATIVE_SIGN : "";
+  if (decimalParts.length === 0 || decimals === 0) {
+    return `${sign}${wholeDigits}`;
+  }
+  return `${sign}${wholeDigits}${DECIMAL_POINT}${decimalParts.join("").slice(0, decimals)}`;
+}
+function groupThousands(numberText) {
+  if (numberText === "" || numberText === null || numberText === void 0) {
+    return "";
+  }
+  const text = String(numberText);
+  const sign = text.startsWith(NEGATIVE_SIGN) ? NEGATIVE_SIGN : "";
+  const [wholeDigits, decimalDigits] = text.slice(sign.length).split(DECIMAL_POINT);
+  const groups = [];
+  for (let end = wholeDigits.length; end > 0; end -= DIGITS_PER_GROUP) {
+    groups.unshift(wholeDigits.slice(Math.max(0, end - DIGITS_PER_GROUP), end));
+  }
+  const groupedWhole = groups.join(THOUSANDS_SEPARATOR) || (decimalDigits === void 0 ? "" : "0");
+  return decimalDigits === void 0 ? `${sign}${groupedWhole}` : `${sign}${groupedWhole}${DECIMAL_POINT}${decimalDigits}`;
+}
+function completeDecimals(numberText, decimals) {
+  const sign = numberText.startsWith(NEGATIVE_SIGN) ? NEGATIVE_SIGN : "";
+  const unsignedText = numberText.slice(sign.length);
+  if (unsignedText === "" || unsignedText === DECIMAL_POINT) {
+    return "";
+  }
+  const [wholeDigits, decimalDigits = ""] = unsignedText.split(DECIMAL_POINT);
+  const wholePart = wholeDigits.replace(/^0+(?=\d)/, "") || "0";
+  if (decimals === 0) {
+    return `${sign}${wholePart}`;
+  }
+  return `${sign}${wholePart}${DECIMAL_POINT}${decimalDigits.slice(0, decimals).padEnd(decimals, "0")}`;
+}
+export {
+  cleanNumberText,
+  completeDecimals,
+  groupThousands
+};
+//# sourceMappingURL=numberText.js.map

package/dist/inputs/numberText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberText.js","sources":["../../src/inputs/numberText.js"],"sourcesContent":["// El texto de un número mientras se escribe: lo que se ve («2,850,000.50») y lo que viaja al servidor («2850000.50»).\n//\n// Todo se hace sobre el TEXTO, nunca con números de JavaScript: Number('12345678901234567.89') ya no es exacto y\n// (1.005).toFixed(2) da '1.00'. Así un importe llega al servidor (y a Money) tal cual se escribió.\n//\n// Funciones puras, sin React: function (regla de la casa). Se prueban con node --test (numberText.test.js).\n\nconst DECIMAL_POINT = '.';\nconst THOUSANDS_SEPARATOR = ',';\nconst DIGITS_PER_GROUP = 3;\nconst NEGATIVE_SIGN = '-';\n\n/**\n * Deja solo dígitos y UN punto, con el tope de decimales del campo. Lo demás (letras, comas, espacios) se va.\n *\n * @param {string|number|null|undefined} text lo que se tecleó o se pegó\n * @param {number} decimals cuántos decimales caben\n * @param {boolean} [allowNegative] si se puede escribir el signo de menos al principio\n * @returns {string} '2850000.5'; '' si no quedó nada\n */\nexport function cleanNumberText(text, decimals, allowNegative = false) {\n    const rawText = String(text ?? '').trim();\n    const isNegative = allowNegative && rawText.startsWith(NEGATIVE_SIGN);\n    const digitsAndPoints = rawText.replace(/[^\\d.]/g, '');\n    const [wholeDigits, ...decimalParts] = digitsAndPoints.split(DECIMAL_POINT);\n    const sign = isNegative ? NEGATIVE_SIGN : '';\n    if (decimalParts.length === 0 || decimals === 0) {\n        return `${sign}${wholeDigits}`;\n    }\n    return `${sign}${wholeDigits}${DECIMAL_POINT}${decimalParts.join('').slice(0, decimals)}`;\n}\n\n/**\n * Con separador de miles, sin tocar los decimales que se están escribiendo: '2850000.5' → '2,850,000.5'.\n *\n * @param {string|null|undefined} numberText lo que regresa cleanNumberText\n * @returns {string}\n */\nexport function groupThousands(numberText) {\n    if (numberText === '' || numberText === null || numberText === undefined) {\n        return '';\n    }\n    const text = String(numberText);\n    const sign = text.startsWith(NEGATIVE_SIGN) ? NEGATIVE_SIGN : '';\n    const [wholeDigits, decimalDigits] = text.slice(sign.length).split(DECIMAL_POINT);\n    // los grupos de tres se cuentan de derecha a izquierda: 2850000 → 2,850,000\n    const groups = [];\n    for (let end = wholeDigits.length; end > 0; end -= DIGITS_PER_GROUP) {\n        groups.unshift(wholeDigits.slice(Math.max(0, end - DIGITS_PER_GROUP), end));\n    }\n    const groupedWhole = groups.join(THOUSANDS_SEPARATOR) || (decimalDigits === undefined ? '' : '0');\n    return decimalDigits === undefined ? `${sign}${groupedWhole}` : `${sign}${groupedWhole}${DECIMAL_POINT}${decimalDigits}`;\n}\n\n/**\n * Al salir del campo: con todos sus decimales, completando con ceros y cortando lo de más (nunca redondea).\n * '2850000.5' → '2850000.50'; '1.005' → '1.00'; '' se queda '' (el campo puede ser opcional).\n *\n * @param {string} numberText lo que regresa cleanNumberText\n * @param {number} decimals\n * @returns {string}\n */\nexport function completeDecimals(numberText, decimals) {\n    const sign = numberText.startsWith(NEGATIVE_SIGN) ? NEGATIVE_SIGN : '';\n    const unsignedText = numberText.slice(sign.length);\n    // guard clause: vacío, o solo un punto o un menos, no es un número\n    if (unsignedText === '' || unsignedText === DECIMAL_POINT) {\n        return '';\n    }\n    const [wholeDigits, decimalDigits = ''] = unsignedText.split(DECIMAL_POINT);\n    // sin ceros de más a la izquierda («007» → «7»), pero sin dejar el entero vacío («.5» → «0.5»)\n    const wholePart = wholeDigits.replace(/^0+(?=\\d)/, '') || '0';\n    if (decimals === 0) {\n        return `${sign}${wholePart}`;\n    }\n    // lo de más se corta (un valor que llegó del servidor con más decimales que el campo); nunca se redondea\n    return `${sign}${wholePart}${DECIMAL_POINT}${decimalDigits.slice(0, decimals).padEnd(decimals, '0')}`;\n}\n"],"names":[],"mappings":"AAOA,MAAM,gBAAgB;AACtB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AACzB,MAAM,gBAAgB;AAUf,SAAS,gBAAgB,MAAM,UAAU,gBAAgB,OAAO;AACnE,QAAM,UAAU,OAAO,QAAQ,EAAE,EAAE,KAAI;AACvC,QAAM,aAAa,iBAAiB,QAAQ,WAAW,aAAa;AACpE,QAAM,kBAAkB,QAAQ,QAAQ,WAAW,EAAE;AACrD,QAAM,CAAC,aAAa,GAAG,YAAY,IAAI,gBAAgB,MAAM,aAAa;AAC1E,QAAM,OAAO,aAAa,gBAAgB;AAC1C,MAAI,aAAa,WAAW,KAAK,aAAa,GAAG;AAC7C,WAAO,GAAG,IAAI,GAAG,WAAW;AAAA,EAChC;AACA,SAAO,GAAG,IAAI,GAAG,WAAW,GAAG,aAAa,GAAG,aAAa,KAAK,EAAE,EAAE,MAAM,GAAG,QAAQ,CAAC;AAC3F;AAQO,SAAS,eAAe,YAAY;AACvC,MAAI,eAAe,MAAM,eAAe,QAAQ,eAAe,QAAW;AACtE,WAAO;AAAA,EACX;AACA,QAAM,OAAO,OAAO,UAAU;AAC9B,QAAM,OAAO,KAAK,WAAW,aAAa,IAAI,gBAAgB;AAC9D,QAAM,CAAC,aAAa,aAAa,IAAI,KAAK,MAAM,KAAK,MAAM,EAAE,MAAM,aAAa;AAEhF,QAAM,SAAS,CAAA;AACf,WAAS,MAAM,YAAY,QAAQ,MAAM,GAAG,OAAO,kBAAkB;AACjE,WAAO,QAAQ,YAAY,MAAM,KAAK,IAAI,GAAG,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAAA,EAC9E;AACA,QAAM,eAAe,OAAO,KAAK,mBAAmB,MAAM,kBAAkB,SAAY,KAAK;AAC7F,SAAO,kBAAkB,SAAY,GAAG,IAAI,GAAG,YAAY,KAAK,GAAG,IAAI,GAAG,YAAY,GAAG,aAAa,GAAG,aAAa;AAC1H;AAUO,SAAS,iBAAiB,YAAY,UAAU;AACnD,QAAM,OAAO,WAAW,WAAW,aAAa,IAAI,gBAAgB;AACpE,QAAM,eAAe,WAAW,MAAM,KAAK,MAAM;AAEjD,MAAI,iBAAiB,MAAM,iBAAiB,eAAe;AACvD,WAAO;AAAA,EACX;AACA,QAAM,CAAC,aAAa,gBAAgB,EAAE,IAAI,aAAa,MAAM,aAAa;AAE1E,QAAM,YAAY,YAAY,QAAQ,aAAa,EAAE,KAAK;AAC1D,MAAI,aAAa,GAAG;AAChB,WAAO,GAAG,IAAI,GAAG,SAAS;AAAA,EAC9B;AAEA,SAAO,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,MAAM,GAAG,QAAQ,EAAE,OAAO,UAAU,GAAG,CAAC;AACvG;"}