@pipelinesolucoes/form 1.2.0-beta.3 → 1.2.0-beta.31

package/dist/components/TextFieldBirthDateWithAge.js

@@ -0,0 +1,277 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useTheme } from '@mui/material/styles';
+import { TextFieldStyled } from '../style/TextFieldStyle';
+import { fbbackground, fbbackgroundDisabled, fbborderColor, fbborderRadius, fbboxShadow, fbcolor, fbcolorDisabled, fbcolorFocused, fbheigth, fbpadding, } from '../constant';
+const onlyNumbers = (raw) => (raw !== null && raw !== void 0 ? raw : '').replace(/[^\d]/g, '');
+const normalizeTwoDigitYearToFourDigits = (yy) => {
+    const safeYY = (yy !== null && yy !== void 0 ? yy : '').slice(0, 2);
+    const n = Number(safeYY);
+    if (!safeYY || safeYY.length !== 2 || !Number.isFinite(n))
+        return safeYY;
+    const now = new Date();
+    const currentYear = now.getFullYear();
+    const currentYY = currentYear % 100;
+    const currentCentury = Math.floor(currentYear / 100);
+    // Ex.: em 2026 -> 00..26 => 20xx; 27..99 => 19xx
+    const century = n <= currentYY ? currentCentury : currentCentury - 1;
+    return `${century}${safeYY}`;
+};
+/**
+ * Máscara durante digitação:
+ * - Usuário digita só números (até 8)
+ * - Formata como dd/mm/yyyy conforme for completando
+ * - NÃO normaliza ano com 2 dígitos durante o change
+ */
+const formatBirthDate = (raw) => {
+    const digits = onlyNumbers(raw).slice(0, 8);
+    if (digits.length <= 2)
+        return digits;
+    if (digits.length <= 4)
+        return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+    const dd = digits.slice(0, 2);
+    const mm = digits.slice(2, 4);
+    const yyyy = digits.slice(4); // 1..4
+    return `${dd}/${mm}/${yyyy}`;
+};
+const normalizeBirthDateYearOnBlur = (formatted) => {
+    // Normaliza somente se estiver exatamente dd/mm/yy
+    if (!/^\d{2}\/\d{2}\/\d{2}$/.test(formatted))
+        return formatted;
+    const [dd, mm, yy] = formatted.split('/');
+    const yyyy = normalizeTwoDigitYearToFourDigits(yy);
+    return `${dd}/${mm}/${yyyy}`;
+};
+const isValidBirthDate = (formatted) => {
+    if (!/^\d{2}\/\d{2}\/\d{4}$/.test(formatted))
+        return false;
+    const [ddStr, mmStr, yyyyStr] = formatted.split('/');
+    const dd = Number(ddStr);
+    const mm = Number(mmStr);
+    const yyyy = Number(yyyyStr);
+    if (!Number.isFinite(dd) || !Number.isFinite(mm) || !Number.isFinite(yyyy))
+        return false;
+    if (yyyy < 1900 || yyyy > 3000)
+        return false;
+    if (mm < 1 || mm > 12)
+        return false;
+    if (dd < 1 || dd > 31)
+        return false;
+    const date = new Date(yyyy, mm - 1, dd);
+    if (Number.isNaN(date.getTime()))
+        return false;
+    return (date.getFullYear() === yyyy &&
+        date.getMonth() === mm - 1 &&
+        date.getDate() === dd);
+};
+const calculateAgeFromFormatted = (formatted) => {
+    if (!isValidBirthDate(formatted))
+        return null;
+    const [ddStr, mmStr, yyyyStr] = formatted.split('/');
+    const dd = Number(ddStr);
+    const mm = Number(mmStr);
+    const yyyy = Number(yyyyStr);
+    const birth = new Date(yyyy, mm - 1, dd);
+    const today = new Date();
+    const todayAtMidnight = new Date(today.getFullYear(), today.getMonth(), today.getDate());
+    if (birth.getTime() > todayAtMidnight.getTime())
+        return null;
+    let age = today.getFullYear() - birth.getFullYear();
+    const monthDiff = today.getMonth() - birth.getMonth();
+    if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birth.getDate())) {
+        age--;
+    }
+    return age >= 0 ? age : null;
+};
+const computeError = (value, { required, requiredMessage, minLength, maxLength, pattern, patternMessage, validate, }) => {
+    const v = value !== null && value !== void 0 ? value : '';
+    if (required && v.trim().length === 0)
+        return requiredMessage || 'Campo obrigatório';
+    if (typeof minLength === 'number' && v.length < minLength) {
+        return `Mínimo de ${minLength} caracteres`;
+    }
+    if (typeof maxLength === 'number' && v.length > maxLength) {
+        return `Máximo de ${maxLength} caracteres`;
+    }
+    if (pattern) {
+        const re = typeof pattern === 'string' ? new RegExp(pattern) : pattern;
+        if (!re.test(v))
+            return patternMessage || 'Formato inválido';
+    }
+    if (validate) {
+        const customMsg = validate(v);
+        if (typeof customMsg === 'string' && customMsg)
+            return customMsg;
+    }
+    return null;
+};
+/**
+ * Campo de data de nascimento com entrada somente numérica, máscara `dd/mm/yyyy`,
+ * validações comuns (required, min/maxLength, pattern) + validação customizada,
+ * e cálculo automático de idade exibido na label.
+ *
+ * Regras:
+ * - O usuário digita apenas números.
+ * - Ao digitar, o valor é formatado automaticamente como `dd/mm/yyyy` (sem normalizar ano).
+ * - Ao perder o foco, se estiver em `dd/mm/yy`, o componente normaliza o ano para 4 dígitos.
+ * - Quando a data estiver completa e for válida, a idade é calculada e exibida na label.
+ * - Erros sempre têm prioridade no helperText (a label não exibe idade quando há erro).
+ *
+ * Tokens de estilo (ordem de prioridade):
+ * - props do componente
+ * - `theme.pipelinesolucoes.forms.field`
+ * - fallback interno (constantes `fb*`)
+ *
+ * @param {string} [id] Identificador do campo.
+ * @param {string} [label] Rótulo exibido acima do campo.
+ * @param {string} [placeholder='dd/mm/aaaa'] Placeholder do input.
+ * @param {string} [value] Valor do campo (controlado).
+ * @param {boolean} [disabled=false] Define se o campo está desabilitado.
+ *
+ * @param {number} [minLength] Número mínimo de caracteres para validação (após máscara).
+ * @param {number} [maxLength] Número máximo de caracteres para validação (após máscara).
+ *
+ * @param {boolean} [required=false] Define se é obrigatório.
+ * @param {string} [requiredMessage='Campo obrigatório'] Mensagem de obrigatório.
+ * @param {RegExp | string} [pattern] Pattern para validação do valor formatado.
+ * @param {string} [patternMessage='Formato inválido'] Mensagem do pattern.
+ * @param {'change' | 'blur'} [showErrorOn='blur'] Momento de exibir o erro.
+ * @param {(value: string) => string | null | undefined} [validate] Validação customizada do valor formatado.
+ *
+ * @param {(age: number | null) => void} [onAgeChange] Callback com a idade calculada (ou null se inválido/incompleto).
+ * @param {(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void} [onChange] Callback disparado ao alterar (já com valor formatado).
+ * @param {(event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void} [onBlur] Callback disparado ao perder o foco.
+ *
+ * @example
+ * ```tsx
+ * const Example = () => {
+ *   const [birthDate, setBirthDate] = React.useState('');
+ *
+ *   return (
+ *     <TextFieldBirthDateWithAge
+ *       label="Data de nascimento"
+ *       value={birthDate}
+ *       required
+ *       showErrorOn="blur"
+ *       onChange={(e) => setBirthDate(e.target.value)}
+ *       onAgeChange={(age) => console.log('idade', age)}
+ *     />
+ *   );
+ * };
+ * ```
+ */
+const TextFieldBirthDateWithAge = ({ id, label, placeholder = 'dd/mm/aaaa', value = '', textVariant, background, backgroundFocused, backgroundDisabled, color, colorFocused, colorDisabled, borderRadius, boxShadow, borderColor, padding, height, disabled = false, minLength, maxLength, required = false, requiredMessage = 'Campo obrigatório', pattern, patternMessage = 'Formato inválido', validate, showErrorOn = 'blur', onChange, onBlur, onAgeChange, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    const [touched, setTouched] = React.useState(false);
+    const formattedValue = React.useMemo(() => formatBirthDate(value), [value]);
+    const computedAge = React.useMemo(() => {
+        if (formattedValue.length !== 10)
+            return null;
+        return calculateAgeFromFormatted(formattedValue);
+    }, [formattedValue]);
+    React.useEffect(() => {
+        onAgeChange === null || onAgeChange === void 0 ? void 0 : onAgeChange(computedAge);
+    }, [computedAge, onAgeChange]);
+    const errorMessage = React.useMemo(() => {
+        const v = formattedValue;
+        const baseError = showErrorOn === 'change'
+            ? computeError(v, { required, requiredMessage, minLength, maxLength, pattern, patternMessage, validate })
+            : showErrorOn === 'blur' && touched
+                ? computeError(v, { required, requiredMessage, minLength, maxLength, pattern, patternMessage, validate })
+                : null;
+        if (baseError)
+            return baseError;
+        if (v.length === 10 && !isValidBirthDate(v))
+            return 'Data inválida';
+        if (v.length === 10 && isValidBirthDate(v) && computedAge === null)
+            return 'Data inválida';
+        return null;
+    }, [
+        formattedValue,
+        required,
+        requiredMessage,
+        minLength,
+        maxLength,
+        pattern,
+        patternMessage,
+        validate,
+        showErrorOn,
+        touched,
+        computedAge,
+    ]);
+    const computedLabel = computedAge !== null && !errorMessage
+        ? `${label !== null && label !== void 0 ? label : ''} (${computedAge} anos)`.trim()
+        : label;
+    const emitSyntheticChange = (baseEvent, nextValue) => {
+        if (!onChange)
+            return;
+        const syntheticEvent = Object.assign(Object.assign({}, baseEvent), { target: Object.assign(Object.assign({}, baseEvent.target), { value: nextValue }), currentTarget: Object.assign(Object.assign({}, baseEvent.currentTarget), { value: nextValue }) });
+        onChange(syntheticEvent);
+    };
+    const handleBlur = (event) => {
+        if (!touched)
+            setTouched(true);
+        // ✅ Normaliza ano (dd/mm/yy -> dd/mm/yyyy) SOMENTE no blur
+        const normalizedOnBlur = normalizeBirthDateYearOnBlur(formattedValue);
+        if (normalizedOnBlur !== formattedValue) {
+            emitSyntheticChange(event, normalizedOnBlur);
+        }
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+    };
+    const handleChange = (event) => {
+        if (!onChange)
+            return;
+        // ✅ Apenas máscara durante digitação (sem normalização do ano)
+        const next = formatBirthDate(event.target.value);
+        emitSyntheticChange(event, next);
+    };
+    const handleKeyDown = (event) => {
+        const allowed = [
+            'Backspace',
+            'Delete',
+            'Tab',
+            'Enter',
+            'Escape',
+            'ArrowLeft',
+            'ArrowRight',
+            'ArrowUp',
+            'ArrowDown',
+            'Home',
+            'End',
+        ];
+        if (allowed.includes(event.key))
+            return;
+        if (event.ctrlKey || event.metaKey)
+            return;
+        if (!/^\d$/.test(event.key)) {
+            event.preventDefault();
+        }
+    };
+    const theme = useTheme();
+    const field = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.forms) === null || _b === void 0 ? void 0 : _b.field;
+    const bg = (_c = background !== null && background !== void 0 ? background : field === null || field === void 0 ? void 0 : field.background) !== null && _c !== void 0 ? _c : fbbackground;
+    const bgFocused = (_d = backgroundFocused !== null && backgroundFocused !== void 0 ? backgroundFocused : field === null || field === void 0 ? void 0 : field.backgroundFocused) !== null && _d !== void 0 ? _d : bg;
+    const bgDisabled = (_e = backgroundDisabled !== null && backgroundDisabled !== void 0 ? backgroundDisabled : field === null || field === void 0 ? void 0 : field.backgroundDisabled) !== null && _e !== void 0 ? _e : fbbackgroundDisabled;
+    const txt = (_f = color !== null && color !== void 0 ? color : field === null || field === void 0 ? void 0 : field.color) !== null && _f !== void 0 ? _f : fbcolor;
+    const txtDisabled = (_g = colorDisabled !== null && colorDisabled !== void 0 ? colorDisabled : field === null || field === void 0 ? void 0 : field.colorDisabled) !== null && _g !== void 0 ? _g : fbcolorDisabled;
+    const br = (_h = borderRadius !== null && borderRadius !== void 0 ? borderRadius : field === null || field === void 0 ? void 0 : field.borderRadius) !== null && _h !== void 0 ? _h : fbborderRadius;
+    const sh = (_j = boxShadow !== null && boxShadow !== void 0 ? boxShadow : field === null || field === void 0 ? void 0 : field.boxShadow) !== null && _j !== void 0 ? _j : fbboxShadow;
+    const bd = (_k = borderColor !== null && borderColor !== void 0 ? borderColor : field === null || field === void 0 ? void 0 : field.borderColor) !== null && _k !== void 0 ? _k : fbborderColor;
+    const bdFocused = (_l = colorFocused !== null && colorFocused !== void 0 ? colorFocused : field === null || field === void 0 ? void 0 : field.colorFocused) !== null && _l !== void 0 ? _l : fbcolorFocused;
+    const pad = (_m = padding !== null && padding !== void 0 ? padding : field === null || field === void 0 ? void 0 : field.padding) !== null && _m !== void 0 ? _m : fbpadding;
+    const hg = (_o = height !== null && height !== void 0 ? height : field === null || field === void 0 ? void 0 : field.height) !== null && _o !== void 0 ? _o : fbheigth;
+    const typo = (_q = (_p = (textVariant && theme.typography[textVariant])) !== null && _p !== void 0 ? _p : field === null || field === void 0 ? void 0 : field.typography) !== null && _q !== void 0 ? _q : theme.typography.body1;
+    const helperText = errorMessage ? errorMessage : '\u00A0';
+    return (_jsx(TextFieldStyled, { id: id, label: computedLabel, placeholder: placeholder, value: formattedValue, typo: typo, onChange: handleChange, onBlur: handleBlur, background: bg, backgroundFocused: bgFocused, backgroundDisabled: bgDisabled, colorText: txt, colorFocused: bdFocused, colorDisabled: txtDisabled, borderRadius: br, boxShadow: sh, borderColor: bd, padding: pad, disabled: disabled, required: required, fullWidth: true, height: hg, error: Boolean(errorMessage), helperText: helperText, onKeyDown: handleKeyDown, slotProps: {
+            input: {
+                inputProps: {
+                    inputMode: 'numeric',
+                    pattern: '[0-9]*',
+                    maxLength: 10,
+                },
+            },
+        } }));
+};
+TextFieldBirthDateWithAge.displayName = 'TextFieldBirthDateWithAge';
+export default TextFieldBirthDateWithAge;
+//# sourceMappingURL=TextFieldBirthDateWithAge.js.map

package/dist/components/TextFieldBirthDateWithAge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldBirthDateWithAge.js","sourceRoot":"","sources":["../../src/components/TextFieldBirthDateWithAge.tsx"],"names":[],"mappings":"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"}

package/dist/components/TextFieldCPFValidate.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { TypographyVariant } from '@mui/material/styles';
+import { BorderProps, ColorProps, LayoutProps } from '@pipelinesolucoes/theme';
+interface TextFieldCPFValidateProps extends Omit<ColorProps, 'backgroundHover' | 'colorHover'>, Omit<BorderProps, 'border'>, Pick<LayoutProps, 'height' | 'padding'> {
+    id?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    textVariant?: TypographyVariant;
+    disabled?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    required?: boolean;
+    requiredMessage?: string;
+    pattern?: RegExp | string;
+    patternMessage?: string;
+    showErrorOn?: 'change' | 'blur';
+    validate?: (value: string) => string | null | undefined;
+    invalidCpfMessage?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+}
+/**
+ * Campo de CPF com entrada somente numérica, máscara `000.000.000-00`,
+ * validações comuns (required, min/maxLength, pattern) + validação customizada.
+ *
+ * @example
+ * ```tsx
+ * <TextFieldCPFValidate
+ *   label="CPF"
+ *   value={cpf}
+ *   onChange={(e) => setCpf(e.target.value)} // recebe SEMPRE o valor formatado
+ * />
+ * ```
+ */
+declare const TextFieldCPFValidate: React.FC<TextFieldCPFValidateProps>;
+export default TextFieldCPFValidate;

package/dist/components/TextFieldCPFValidate.js

@@ -0,0 +1,147 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useTheme } from '@mui/material/styles';
+import { TextFieldStyled } from '../style/TextFieldStyle';
+import { fbbackground, fbbackgroundDisabled, fbborderColor, fbborderRadius, fbboxShadow, fbcolor, fbcolorDisabled, fbcolorFocused, fbheigth, fbpadding, } from '../constant';
+import { formatCpf } from '../utils/formatCpf';
+import { validateCpf } from '../utils/validateCpf';
+const onlyNumbers = (raw) => (raw !== null && raw !== void 0 ? raw : '').replace(/[^\d]/g, '');
+const isValidCpfFormatted = (formatted) => {
+    // aceita com máscara completa
+    if (!/^\d{3}\.\d{3}\.\d{3}-\d{2}$/.test(formatted))
+        return false;
+    const digits = onlyNumbers(formatted);
+    return validateCpf(digits);
+};
+const computeError = (value, { required, requiredMessage, minLength, maxLength, pattern, patternMessage, validate, }) => {
+    const v = value !== null && value !== void 0 ? value : '';
+    if (required && v.trim().length === 0)
+        return requiredMessage || 'Campo obrigatório';
+    if (typeof minLength === 'number' && v.length < minLength)
+        return `Mínimo de ${minLength} caracteres`;
+    if (typeof maxLength === 'number' && v.length > maxLength)
+        return `Máximo de ${maxLength} caracteres`;
+    if (pattern) {
+        const re = typeof pattern === 'string' ? new RegExp(pattern) : pattern;
+        if (!re.test(v))
+            return patternMessage || 'Formato inválido';
+    }
+    if (validate) {
+        const customMsg = validate(v);
+        if (typeof customMsg === 'string' && customMsg)
+            return customMsg;
+    }
+    return null;
+};
+/**
+ * Campo de CPF com entrada somente numérica, máscara `000.000.000-00`,
+ * validações comuns (required, min/maxLength, pattern) + validação customizada.
+ *
+ * @example
+ * ```tsx
+ * <TextFieldCPFValidate
+ *   label="CPF"
+ *   value={cpf}
+ *   onChange={(e) => setCpf(e.target.value)} // recebe SEMPRE o valor formatado
+ * />
+ * ```
+ */
+const TextFieldCPFValidate = ({ id, label = 'CPF', placeholder = '000.000.000-00', value = '', textVariant, background, backgroundFocused, backgroundDisabled, color, colorFocused, colorDisabled, borderRadius, boxShadow, borderColor, padding, height, disabled = false, minLength, maxLength, required = false, requiredMessage = 'Campo obrigatório', pattern, patternMessage = 'Formato inválido', validate, showErrorOn = 'blur', invalidCpfMessage = 'CPF inválido', onChange, onBlur, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    const [touched, setTouched] = React.useState(false);
+    const formattedValue = React.useMemo(() => formatCpf(value), [value]);
+    const cpfValid = React.useMemo(() => {
+        // só valida quando estiver completo (14 com máscara)
+        if (formattedValue.length !== 14)
+            return null; // incompleto
+        return isValidCpfFormatted(formattedValue);
+    }, [formattedValue]);
+    const errorMessage = React.useMemo(() => {
+        const v = formattedValue;
+        const baseError = showErrorOn === 'change'
+            ? computeError(v, { required, requiredMessage, minLength, maxLength, pattern, patternMessage, validate })
+            : showErrorOn === 'blur' && touched
+                ? computeError(v, { required, requiredMessage, minLength, maxLength, pattern, patternMessage, validate })
+                : null;
+        if (baseError)
+            return baseError;
+        // valida CPF apenas quando completo
+        if (v.length === 14 && cpfValid === false)
+            return invalidCpfMessage;
+        return null;
+    }, [
+        formattedValue,
+        required,
+        requiredMessage,
+        minLength,
+        maxLength,
+        pattern,
+        patternMessage,
+        validate,
+        showErrorOn,
+        touched,
+        cpfValid,
+        invalidCpfMessage,
+    ]);
+    const handleBlur = (event) => {
+        if (!touched)
+            setTouched(true);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+    };
+    const handleChange = (event) => {
+        if (!onChange)
+            return;
+        const next = formatCpf(event.target.value);
+        const syntheticEvent = Object.assign(Object.assign({}, event), { target: Object.assign(Object.assign({}, event.target), { value: next }), currentTarget: Object.assign(Object.assign({}, event.currentTarget), { value: next }) });
+        onChange(syntheticEvent);
+    };
+    const handleKeyDown = (event) => {
+        const allowed = [
+            'Backspace',
+            'Delete',
+            'Tab',
+            'Enter',
+            'Escape',
+            'ArrowLeft',
+            'ArrowRight',
+            'ArrowUp',
+            'ArrowDown',
+            'Home',
+            'End',
+        ];
+        if (allowed.includes(event.key))
+            return;
+        if (event.ctrlKey || event.metaKey)
+            return;
+        if (!/^\d$/.test(event.key)) {
+            event.preventDefault();
+        }
+    };
+    const theme = useTheme();
+    const field = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.forms) === null || _b === void 0 ? void 0 : _b.field;
+    const bg = (_c = background !== null && background !== void 0 ? background : field === null || field === void 0 ? void 0 : field.background) !== null && _c !== void 0 ? _c : fbbackground;
+    const bgFocused = (_d = backgroundFocused !== null && backgroundFocused !== void 0 ? backgroundFocused : field === null || field === void 0 ? void 0 : field.backgroundFocused) !== null && _d !== void 0 ? _d : bg;
+    const bgDisabled = (_e = backgroundDisabled !== null && backgroundDisabled !== void 0 ? backgroundDisabled : field === null || field === void 0 ? void 0 : field.backgroundDisabled) !== null && _e !== void 0 ? _e : fbbackgroundDisabled;
+    const txt = (_f = color !== null && color !== void 0 ? color : field === null || field === void 0 ? void 0 : field.color) !== null && _f !== void 0 ? _f : fbcolor;
+    const txtDisabled = (_g = colorDisabled !== null && colorDisabled !== void 0 ? colorDisabled : field === null || field === void 0 ? void 0 : field.colorDisabled) !== null && _g !== void 0 ? _g : fbcolorDisabled;
+    const br = (_h = borderRadius !== null && borderRadius !== void 0 ? borderRadius : field === null || field === void 0 ? void 0 : field.borderRadius) !== null && _h !== void 0 ? _h : fbborderRadius;
+    const sh = (_j = boxShadow !== null && boxShadow !== void 0 ? boxShadow : field === null || field === void 0 ? void 0 : field.boxShadow) !== null && _j !== void 0 ? _j : fbboxShadow;
+    const bd = (_k = borderColor !== null && borderColor !== void 0 ? borderColor : field === null || field === void 0 ? void 0 : field.borderColor) !== null && _k !== void 0 ? _k : fbborderColor;
+    const bdFocused = (_l = colorFocused !== null && colorFocused !== void 0 ? colorFocused : field === null || field === void 0 ? void 0 : field.colorFocused) !== null && _l !== void 0 ? _l : fbcolorFocused;
+    const pad = (_m = padding !== null && padding !== void 0 ? padding : field === null || field === void 0 ? void 0 : field.padding) !== null && _m !== void 0 ? _m : fbpadding;
+    const hg = (_o = height !== null && height !== void 0 ? height : field === null || field === void 0 ? void 0 : field.height) !== null && _o !== void 0 ? _o : fbheigth;
+    const typo = (_q = (_p = (textVariant && theme.typography[textVariant])) !== null && _p !== void 0 ? _p : field === null || field === void 0 ? void 0 : field.typography) !== null && _q !== void 0 ? _q : theme.typography.body1;
+    const helperText = errorMessage ? errorMessage : '\u00A0';
+    return (_jsx(TextFieldStyled, { id: id, label: label, placeholder: placeholder, value: formattedValue, typo: typo, onChange: handleChange, onBlur: handleBlur, background: bg, backgroundFocused: bgFocused, backgroundDisabled: bgDisabled, colorText: txt, colorFocused: bdFocused, colorDisabled: txtDisabled, borderRadius: br, boxShadow: sh, borderColor: bd, padding: pad, disabled: disabled, required: required, fullWidth: true, height: hg, error: Boolean(errorMessage), helperText: helperText, onKeyDown: handleKeyDown, slotProps: {
+            input: {
+                inputProps: {
+                    inputMode: 'numeric',
+                    pattern: '[0-9]*',
+                    maxLength: 14, // 000.000.000-00
+                },
+            },
+        } }));
+};
+TextFieldCPFValidate.displayName = 'TextFieldCPFValidate';
+export default TextFieldCPFValidate;
+//# sourceMappingURL=TextFieldCPFValidate.js.map

package/dist/components/TextFieldCPFValidate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldCPFValidate.js","sourceRoot":"","sources":["../../src/components/TextFieldCPFValidate.tsx"],"names":[],"mappings":"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"}

package/dist/components/TextFieldNumberValidate.d.ts

@@ -0,0 +1,110 @@
+import React from 'react';
+import { TypographyVariant } from '@mui/material/styles';
+import { BorderProps, ColorProps, LayoutProps } from '@pipelinesolucoes/theme';
+interface TextFieldNumberValidateProps extends Omit<ColorProps, 'backgroundHover' | 'colorHover'>, Omit<BorderProps, 'border'>, Pick<LayoutProps, 'height' | 'padding'> {
+    id?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    textVariant?: TypographyVariant;
+    disabled?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    required?: boolean;
+    requiredMessage?: string;
+    pattern?: RegExp | string;
+    patternMessage?: string;
+    showErrorOn?: 'change' | 'blur';
+    validate?: (value: string) => string | null | undefined;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+}
+/**
+ * Campo de texto numérico com suporte a validações comuns e customizadas, construído
+ * sobre o TextField do Material UI e estilizado via Design System da Pipeline.
+ *
+ * Diferença principal:
+ * - Este componente **aceita apenas números (0–9)**, removendo automaticamente qualquer caractere não numérico.
+ *
+ * Funcionalidades principais:
+ * - Suporte a modo controlado (`value`)
+ * - Validações nativas (obrigatório, tamanho mínimo, regex)
+ * - Validação customizada via função
+ * - Controle de momento de exibição do erro (`change` ou `blur`)
+ * - Suporte a campo multilinha (mantido por compatibilidade)
+ * - Customização visual via props e tokens de theme
+ *
+ * Tokens de estilo (ordem de prioridade):
+ * - `prop` do componente
+ * - `theme.pipelinesolucoes.forms.field`
+ * - Fallback interno (constantes `fb*`)
+ *
+ * Tipografia:
+ * - Suporte à tipografia do Material UI via `textVariant`
+ * - Fallback para `theme.pipelinesolucoes.forms.field.typography`
+ * - Fallback final para `theme.typography.body1`
+ *
+ * @param {string} [id] Identificador do campo, repassado ao input do Material UI.
+ * @param {string} [label] Texto do rótulo exibido acima do campo.
+ * @param {string} [placeholder] Texto exibido quando o campo está vazio.
+ * @param {string} [value] Valor atual do campo (modo controlado). Somente dígitos serão mantidos.
+ *
+ * @param {boolean} [disabled=false] Define se o campo está desabilitado.
+ *
+ * @param {number} [minLength] Número mínimo de caracteres permitidos.
+ * @param {number} [maxLength] Número máximo de caracteres permitidos.
+ *
+ * @param {boolean} [multiline=false] Define se o campo aceita múltiplas linhas (mantido por compatibilidade).
+ * @param {number} [rows=3] Quantidade de linhas visíveis quando `multiline` está ativo.
+ *
+ * ### Estilo / Aparência
+ * @param {import('@mui/material/styles').TypographyVariant} [textVariant] Variante tipográfica do Material UI aplicada ao texto e placeholder.
+ * @param {string} [background] Cor de fundo do campo.
+ * @param {string} [backgroundDisabled] Cor de fundo do campo quando desabilitado.
+ * @param {string} [backgroundFocused] Cor de fundo do campo quando focado.
+ * @param {string} [color] Cor do texto do campo (texto digitado e label).
+ * @param {string} [colorFocused] Cor aplicada ao estado focado (usada como cor de borda no focus).
+ * @param {string} [colorDisabled] Cor do texto do campo quando desabilitado.
+ * @param {string} [borderRadius] Raio da borda do campo.
+ * @param {string} [boxShadow] Sombra do campo.
+ * @param {string} [borderColor] Cor da borda do campo (estado padrão/hover).
+ * @param {string} [padding] Espaçamento interno do input (aplicado no texto e textarea).
+ *
+ * ---
+ * ### Validação
+ * @param {boolean} [required=false] Indica se o campo é obrigatório.
+ * @param {string} [requiredMessage] Mensagem exibida quando o campo obrigatório está vazio.
+ * @param {RegExp | string} [pattern] Expressão regular utilizada para validação do valor (aplicada após sanitização numérica).
+ * @param {string} [patternMessage] Mensagem exibida quando o valor não atende ao pattern.
+ * @param {'change' | 'blur'} [showErrorOn='blur'] Define quando o erro será exibido.
+ * @param {(value: string) => string | null | undefined} [validate] Função de validação customizada (recebe o valor sanitizado).
+ *
+ * ---
+ * ### Eventos
+ * @param {(event: React.ChangeEvent<HTMLInputElement>) => void} [onChange] Callback disparado ao alterar o valor (com `event.target.value` já sanitizado).
+ * @param {(event: React.FocusEvent<HTMLInputElement>) => void} [onBlur] Callback disparado ao perder o foco.
+ *
+ * @example
+ * ```tsx
+ * const Example = () => {
+ *   const [age, setAge] = React.useState('');
+ *
+ *   return (
+ *     <TextFieldNumberValidate
+ *       label="Idade"
+ *       placeholder="Somente números"
+ *       value={age}
+ *       onChange={(e) => setAge(e.target.value)}
+ *       required
+ *       minLength={1}
+ *       maxLength={3}
+ *       showErrorOn="blur"
+ *       borderRadius="6px"
+ *       textVariant="subtitle2"
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const TextFieldNumberValidate: React.FC<TextFieldNumberValidateProps>;
+export default TextFieldNumberValidate;