@seedgrid/fe-components 0.2.4 → 0.2.7

package/dist/inputs/InputBirthDate.js

@@ -1,46 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { SgInputDate } from "./InputDate";
-import { validateBirthDate } from "../validators";
-export function SgInputBirthDate(props) {
-    const today = new Date();
-    const todayStr = today.toISOString().slice(0, 10);
-    const { minAge, maxAge, onValidation, inputProps, minDate, maxDate, alwaysFloat, required, requiredMessage, validateOnBlur, error, ...rest } = props;
-    const derivedMaxDate = maxAge !== undefined && maxAge >= 0
-        ? new Date(today.getFullYear() - maxAge, today.getMonth(), today.getDate()).toISOString().slice(0, 10)
-        : undefined;
-    const derivedMinDate = minAge !== undefined && minAge >= 0
-        ? new Date(today.getFullYear() - minAge, today.getMonth(), today.getDate()).toISOString().slice(0, 10)
-        : undefined;
-    const [internalError, setInternalError] = React.useState(null);
-    const runValidation = React.useCallback((value) => {
-        if (!value && !required) {
-            setInternalError(null);
-            onValidation?.(null);
-            return;
-        }
-        if (!value && required) {
-            const message = requiredMessage ?? "Informe a data de nascimento.";
-            setInternalError(message);
-            onValidation?.(message);
-            return;
-        }
-        const message = validateBirthDate(value, { minAge, maxAge });
-        setInternalError(message);
-        onValidation?.(message);
-    }, [maxAge, minAge, onValidation, required, requiredMessage]);
-    const handleBlur = (event) => {
-        runValidation(event.currentTarget.value);
-        inputProps?.onBlur?.(event);
-    };
-    return (_jsx(SgInputDate, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (validateOnBlur ?? true)
-                    handleBlur(event);
-                else
-                    inputProps?.onBlur?.(event);
-            }
-        }, alwaysFloat: alwaysFloat ?? true, maxDate: maxDate ?? derivedMinDate ?? todayStr, minDate: minDate ?? derivedMaxDate }));
-}

package/dist/inputs/InputDate.d.ts

@@ -1,8 +0,0 @@
-import { type SgInputTextProps } from "./SgInputText";
-export type SgInputDateProps = Omit<SgInputTextProps, "type"> & {
-    minDate?: string | Date;
-    maxDate?: string | Date;
-    alwaysFloat?: boolean;
-};
-export declare function SgInputDate(props: SgInputDateProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InputDate.d.ts.map

package/dist/inputs/InputDate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputDate.d.ts","sourceRoot":"","sources":["../../src/inputs/InputDate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAQF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAiClD"}

package/dist/inputs/InputDate.js

@@ -1,23 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SgInputText } from "./SgInputText";
-function toDateValue(value) {
-    if (!value)
-        return undefined;
-    if (typeof value === "string")
-        return value;
-    return value.toISOString().slice(0, 10);
-}
-export function SgInputDate(props) {
-    const { minDate, maxDate, inputProps, alwaysFloat, ...rest } = props;
-    const showStaticLabel = Boolean(alwaysFloat);
-    const mergedInputProps = {
-        ...inputProps,
-        placeholder: showStaticLabel ? " " : (inputProps?.placeholder ?? rest.label),
-        min: toDateValue(minDate),
-        max: toDateValue(maxDate)
-    };
-    const inputClassName = mergedInputProps.className ??
-        "peer h-11 w-full rounded-md border border-border bg-white px-3 py-2.5 text-sm shadow-sm placeholder-transparent focus:border-[hsl(var(--primary))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary)/0.25)]";
-    return (_jsxs("div", { className: showStaticLabel ? "relative" : undefined, children: [showStaticLabel && rest.label ? (_jsx("label", { htmlFor: rest.id, className: "pointer-events-none absolute left-3 top-0 z-10 -translate-y-1/2 bg-white px-1 text-[11px] font-medium leading-none text-foreground/70", children: rest.label })) : null, _jsx(SgInputText, { ...rest, type: "date", inputProps: mergedInputProps, className: inputClassName, labelClassName: showStaticLabel ? "sr-only" : undefined })] }));
-}

package/dist/inputs/InputEmail.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { type SgInputTextProps } from "./SgInputText";
-export type SgInputEmailProps = Omit<SgInputTextProps, "type" | "error"> & {
-    error?: string;
-    required?: boolean;
-    requiredMessage?: string;
-    invalidMessage?: string;
-    validation?: (value: string) => string | null;
-    validateOnBlur?: boolean;
-    onValidation?: (message: string | null) => void;
-    iconButtons?: React.ReactNode[];
-};
-export declare function SgInputEmail(props: SgInputEmailProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InputEmail.d.ts.map

package/dist/inputs/InputEmail.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputEmail.d.ts","sourceRoot":"","sources":["../../src/inputs/InputEmail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAkDpD"}

package/dist/inputs/InputEmail.js

@@ -1,43 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { SgInputText } from "./SgInputText";
-import { isValidEmail } from "../validators";
-export function SgInputEmail(props) {
-    const { required, requiredMessage, invalidMessage, validateOnBlur, onValidation, error, inputProps, iconButtons, validation, ...rest } = props;
-    const [internalError, setInternalError] = React.useState(null);
-    const runValidation = React.useCallback((value) => {
-        if (!value && !required) {
-            setInternalError(null);
-            onValidation?.(null);
-            return;
-        }
-        if (!value && required) {
-            const message = requiredMessage ?? "Campo obrigatório ";
-            setInternalError(message);
-            onValidation?.(message);
-            return;
-        }
-        if (validation) {
-            const custom = validation(value);
-            if (custom) {
-                setInternalError(custom);
-                onValidation?.(custom);
-                return;
-            }
-        }
-        const valid = isValidEmail(value);
-        const message = valid ? null : (invalidMessage ?? "Email inválido.");
-        setInternalError(message);
-        onValidation?.(message);
-    }, [invalidMessage, onValidation, required, requiredMessage, validation]);
-    const mergedInputProps = {
-        ...inputProps,
-        onBlur: (event) => {
-            if (validateOnBlur ?? true)
-                runValidation(event.currentTarget.value);
-            inputProps?.onBlur?.(event);
-        }
-    };
-    return (_jsx(SgInputText, { ...rest, type: "email", error: error ?? internalError ?? undefined, inputProps: mergedInputProps, iconButtons: iconButtons }));
-}

package/dist/inputs/InputPassword.d.ts

@@ -1,12 +0,0 @@
-import { type SgInputTextProps } from "./SgInputText";
-import { type PasswordPolicy } from "../validators";
-export type SgInputPasswordProps = Omit<SgInputTextProps, "type" | "error"> & {
-    error?: string;
-    policy?: PasswordPolicy;
-    onValidation?: (message: string | null) => void;
-    required?: boolean;
-    requiredMessage?: string;
-    validateOnBlur?: boolean;
-};
-export declare function SgInputPassword(props: SgInputPasswordProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InputPassword.d.ts.map

package/dist/inputs/InputPassword.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputPassword.d.ts","sourceRoot":"","sources":["../../src/inputs/InputPassword.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA+C1D"}

package/dist/inputs/InputPassword.js

@@ -1,42 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { SgInputText } from "./SgInputText";
-import { validatePassword } from "../validators";
-export function SgInputPassword(props) {
-    const { inputProps, policy, onValidation, required, requiredMessage, validateOnBlur, error, ...rest } = props;
-    const onBlur = inputProps.onBlur;
-    const [internalError, setInternalError] = React.useState(null);
-    const runValidation = React.useCallback((value) => {
-        if (!value && !required) {
-            setInternalError(null);
-            onValidation?.(null);
-            return;
-        }
-        if (!value && required) {
-            const message = requiredMessage ?? "Informe a senha.";
-            setInternalError(message);
-            onValidation?.(message);
-            return;
-        }
-        const message = validatePassword(value, policy);
-        setInternalError(message);
-        onValidation?.(message);
-    }, [onValidation, policy, required, requiredMessage]);
-    const mergedInputProps = {
-        ...inputProps,
-        onBlur: (event) => {
-            runValidation(event.currentTarget.value);
-            onBlur?.(event);
-        }
-    };
-    return (_jsx(SgInputText, { ...rest, type: "password", error: error ?? internalError ?? undefined, inputProps: {
-            ...mergedInputProps,
-            onBlur: (event) => {
-                if (validateOnBlur ?? true)
-                    mergedInputProps.onBlur?.(event);
-                else
-                    onBlur?.(event);
-            }
-        } }));
-}

package/dist/inputs/MaskedInputs.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-import { type SgInputTextProps } from "./SgInputText";
-type MaskedInputProps = Omit<SgInputTextProps, "inputProps" | "error"> & {
-    inputProps: React.InputHTMLAttributes<HTMLInputElement>;
-    mask: (value: string) => string;
-};
-type ValidationProps = {
-    error?: string;
-    required?: boolean;
-    requiredMessage?: string;
-    lengthMessage?: string;
-    invalidMessage?: string;
-    onValidation?: (message: string | null) => void;
-    validateOnBlur?: boolean;
-};
-export type SgInputCPFProps = Omit<MaskedInputProps, "mask"> & ValidationProps;
-export declare function SgInputCPF(props: SgInputCPFProps): import("react/jsx-runtime").JSX.Element;
-export type SgInputCNPJProps = Omit<MaskedInputProps, "mask"> & ValidationProps;
-export declare function SgInputCNPJ(props: SgInputCNPJProps): import("react/jsx-runtime").JSX.Element;
-export type SgInputCPFCNPJProps = Omit<MaskedInputProps, "mask"> & ValidationProps;
-export declare function SgInputCPFCNPJ(props: SgInputCPFCNPJProps): import("react/jsx-runtime").JSX.Element;
-export type SgInputCEPProps = Omit<MaskedInputProps, "mask"> & ValidationProps;
-export declare function SgInputCEP(props: SgInputCEPProps): import("react/jsx-runtime").JSX.Element;
-export type SgInputFoneProps = Omit<MaskedInputProps, "mask"> & ValidationProps;
-export declare function SgInputFone(props: SgInputFoneProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=MaskedInputs.d.ts.map

package/dist/inputs/MaskedInputs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaskedInputs.d.ts","sourceRoot":"","sources":["../../src/inputs/MaskedInputs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAInE,KAAK,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,OAAO,CAAC,GAAG;IACvE,UAAU,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACxD,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACjC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqCF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC;AAE/E,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA4BhD;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC;AAEhF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA4BlD;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC;AAEnF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA+BxD;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC;AAE/E,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA2BhD;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC;AAEhF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA6BlD"}

package/dist/inputs/MaskedInputs.js

@@ -1,161 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { SgInputText } from "./SgInputText";
-import { maskCep, maskCnpj, maskCpf, maskCpfCnpj, maskPhone } from "../masks";
-import { isValidCnpj, isValidCpf } from "../validators";
-function onlyDigits(value) {
-    return value.replace(/\D/g, "");
-}
-function useValidationState(props, validateFn) {
-    const [internalError, setInternalError] = React.useState(null);
-    const runValidation = React.useCallback((value) => {
-        const message = validateFn(value);
-        setInternalError(message);
-        props.onValidation?.(message);
-        return message;
-    }, [props, validateFn]);
-    return { internalError, runValidation };
-}
-function applyMaskProps(props, inputMode) {
-    const { inputProps, mask } = props;
-    const onChange = inputProps.onChange;
-    return {
-        ...inputProps,
-        inputMode: inputProps.inputMode ?? inputMode,
-        onChange: (event) => {
-            event.target.value = mask(event.target.value);
-            onChange?.(event);
-        }
-    };
-}
-export function SgInputCPF(props) {
-    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, ...rest } = props;
-    const { internalError, runValidation } = useValidationState(props, (value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required)
-            return null;
-        if (!digits && required)
-            return requiredMessage ?? "Informe o CPF.";
-        if (digits.length !== 11)
-            return lengthMessage ?? "CPF deve ter 11 dígitos.";
-        if (!isValidCpf(value))
-            return invalidMessage ?? "CPF inválido.";
-        return null;
-    });
-    const inputProps = applyMaskProps({ ...rest, mask: maskCpf }, "numeric");
-    const onBlur = inputProps.onBlur;
-    const shouldValidateOnBlur = validateOnBlur ?? true;
-    return (_jsx(SgInputText, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (shouldValidateOnBlur)
-                    runValidation(event.currentTarget.value);
-                onBlur?.(event);
-            }
-        } }));
-}
-export function SgInputCNPJ(props) {
-    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, ...rest } = props;
-    const { internalError, runValidation } = useValidationState(props, (value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required)
-            return null;
-        if (!digits && required)
-            return requiredMessage ?? "Informe o CNPJ.";
-        if (digits.length !== 14)
-            return lengthMessage ?? "CNPJ deve ter 14 dígitos.";
-        if (!isValidCnpj(value))
-            return invalidMessage ?? "CNPJ inválido.";
-        return null;
-    });
-    const inputProps = applyMaskProps({ ...rest, mask: maskCnpj }, "numeric");
-    const onBlur = inputProps.onBlur;
-    const shouldValidateOnBlur = validateOnBlur ?? true;
-    return (_jsx(SgInputText, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (shouldValidateOnBlur)
-                    runValidation(event.currentTarget.value);
-                onBlur?.(event);
-            }
-        } }));
-}
-export function SgInputCPFCNPJ(props) {
-    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, ...rest } = props;
-    const { internalError, runValidation } = useValidationState(props, (value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required)
-            return null;
-        if (!digits && required)
-            return requiredMessage ?? "Informe o documento.";
-        if (digits.length <= 11) {
-            if (digits.length !== 11)
-                return lengthMessage ?? "CPF deve ter 11 dígitos.";
-            return isValidCpf(value) ? null : (invalidMessage ?? "CPF inválido.");
-        }
-        if (digits.length !== 14)
-            return lengthMessage ?? "CNPJ deve ter 14 dígitos.";
-        return isValidCnpj(value) ? null : (invalidMessage ?? "CNPJ inválido.");
-    });
-    const inputProps = applyMaskProps({ ...rest, mask: maskCpfCnpj }, "numeric");
-    const onBlur = inputProps.onBlur;
-    const shouldValidateOnBlur = validateOnBlur ?? true;
-    return (_jsx(SgInputText, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (shouldValidateOnBlur)
-                    runValidation(event.currentTarget.value);
-                onBlur?.(event);
-            }
-        } }));
-}
-export function SgInputCEP(props) {
-    const { required, requiredMessage, lengthMessage, validateOnBlur, error, ...rest } = props;
-    const { internalError, runValidation } = useValidationState(props, (value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required)
-            return null;
-        if (!digits && required)
-            return requiredMessage ?? "Informe o CEP.";
-        if (digits.length !== 8)
-            return lengthMessage ?? "CEP deve ter 8 dígitos.";
-        return null;
-    });
-    const inputProps = applyMaskProps({ ...rest, mask: maskCep }, "numeric");
-    const onBlur = inputProps.onBlur;
-    const shouldValidateOnBlur = validateOnBlur ?? true;
-    return (_jsx(SgInputText, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (shouldValidateOnBlur)
-                    runValidation(event.currentTarget.value);
-                onBlur?.(event);
-            }
-        } }));
-}
-export function SgInputFone(props) {
-    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, ...rest } = props;
-    const { internalError, runValidation } = useValidationState(props, (value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required)
-            return null;
-        if (!digits && required)
-            return requiredMessage ?? "Informe o telefone.";
-        if (digits.length !== 10 && digits.length !== 11) {
-            return lengthMessage ?? invalidMessage ?? "Telefone inválido.";
-        }
-        return null;
-    });
-    const inputProps = applyMaskProps({ ...rest, mask: maskPhone }, "numeric");
-    const onBlur = inputProps.onBlur;
-    const shouldValidateOnBlur = validateOnBlur ?? true;
-    return (_jsx(SgInputText, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (shouldValidateOnBlur)
-                    runValidation(event.currentTarget.value);
-                onBlur?.(event);
-            }
-        } }));
-}

package/dist/inputs/SgInputCEP.d.ts

@@ -1,33 +0,0 @@
-import React from "react";
-import { type SgInputTextProps } from "./SgInputText";
-export type ViaCepResponse = {
-    cep?: string;
-    logradouro?: string;
-    complemento?: string;
-    bairro?: string;
-    localidade?: string;
-    uf?: string;
-    ibge?: string;
-    gia?: string;
-    ddd?: string;
-    siafi?: string;
-    erro?: boolean;
-};
-export type SgInputCEPProps = Omit<SgInputTextProps, "inputProps" | "error"> & {
-    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    error?: string;
-    required?: boolean;
-    requiredMessage?: string;
-    lengthMessage?: string;
-    invalidMessage?: string;
-    validation?: (value: string) => string | null;
-    onValidation?: (message: string | null) => void;
-    validateOnBlur?: boolean;
-    validateWithViaCep?: boolean;
-    viaCepErrorMessage?: string;
-    viaCepFetch?: (cep: string) => Promise<ViaCepResponse>;
-    onViaCepResult?: (data: ViaCepResponse) => void;
-    onViaCepError?: (error: unknown) => void;
-};
-export declare function SgInputCEP(props: Readonly<SgInputCEPProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SgInputCEP.d.ts.map

package/dist/inputs/SgInputCEP.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SgInputCEP.d.ts","sourceRoot":"","sources":["../../src/inputs/SgInputCEP.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAInE,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,OAAO,CAAC,GAAG;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAWF,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,2CAoI1D"}

package/dist/inputs/SgInputCEP.js

@@ -1,117 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { SgInputText } from "./SgInputText";
-import { maskCep } from "../masks";
-import { t, useComponentsI18n } from "../i18n";
-function onlyDigits(value) {
-    return value.replace(/\D/g, "");
-}
-const defaultViaCepFetch = async (cep) => {
-    const response = await fetch(`https://viacep.com.br/ws/${cep}/json/`);
-    return (await response.json());
-};
-export function SgInputCEP(props) {
-    const i18n = useComponentsI18n();
-    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, validation, onClear, inputProps, validateWithViaCep, viaCepErrorMessage, viaCepFetch, onViaCepResult, onViaCepError, ...rest } = props;
-    const [internalError, setInternalError] = React.useState(null);
-    const [hasInteracted, setHasInteracted] = React.useState(false);
-    const lastValidatedCepRef = React.useRef(null);
-    const lastViaCepErroRef = React.useRef(null);
-    const runValidation = React.useCallback(async (value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required) {
-            setInternalError(null);
-            props.onValidation?.(null);
-            return;
-        }
-        if (!digits && required) {
-            const message = requiredMessage ?? t(i18n, "components.inputs.required");
-            setInternalError(message);
-            props.onValidation?.(message);
-            return;
-        }
-        if (validation) {
-            const message = validation(value);
-            if (message) {
-                setInternalError(message);
-                props.onValidation?.(message);
-                return;
-            }
-        }
-        if (digits.length !== 8) {
-            const message = lengthMessage ?? t(i18n, "components.inputs.cep.length");
-            setInternalError(message);
-            props.onValidation?.(message);
-            return;
-        }
-        if (validateWithViaCep) {
-            if (lastValidatedCepRef.current === digits) {
-                const message = viaCepErrorMessage ?? invalidMessage ?? t(i18n, "components.inputs.cep.invalid");
-                if (lastViaCepErroRef.current) {
-                    setInternalError(message);
-                    props.onValidation?.(message);
-                }
-                else {
-                    setInternalError(null);
-                    props.onValidation?.(null);
-                }
-                return;
-            }
-            try {
-                const checker = viaCepFetch ?? defaultViaCepFetch;
-                const data = await checker(digits);
-                lastValidatedCepRef.current = digits;
-                lastViaCepErroRef.current = Boolean(data?.erro);
-                onViaCepResult?.(data);
-                if (data?.erro) {
-                    const message = viaCepErrorMessage ?? invalidMessage ?? t(i18n, "components.inputs.cep.invalid");
-                    setInternalError(message);
-                    props.onValidation?.(message);
-                    return;
-                }
-            }
-            catch (err) {
-                onViaCepError?.(err);
-            }
-        }
-        setInternalError(null);
-        props.onValidation?.(null);
-    }, [
-        i18n,
-        invalidMessage,
-        lengthMessage,
-        onViaCepError,
-        onViaCepResult,
-        props,
-        required,
-        requiredMessage,
-        validateWithViaCep,
-        validation,
-        viaCepErrorMessage,
-        viaCepFetch
-    ]);
-    const mergedInputProps = {
-        ...inputProps,
-        inputMode: inputProps?.inputMode ?? "numeric",
-        onChange: (event) => {
-            setHasInteracted(true);
-            event.target.value = maskCep(event.target.value);
-            runValidation(event.currentTarget.value);
-            inputProps?.onChange?.(event);
-        },
-        onBlur: (event) => {
-            if ((validateOnBlur ?? true) || hasInteracted) {
-                runValidation(event.currentTarget.value);
-            }
-            inputProps?.onBlur?.(event);
-        }
-    };
-    return (_jsx(SgInputText, { ...rest, maxLength: rest.maxLength ?? 10, error: error ?? internalError ?? undefined, textInputType: props.textInputType ?? "numeric", onClear: () => {
-            setInternalError(null);
-            props.onValidation?.(null);
-            onClear?.();
-            lastValidatedCepRef.current = null;
-            lastViaCepErroRef.current = null;
-        }, inputProps: mergedInputProps }));
-}

package/dist/inputs/SgInputFone.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { type SgInputTextProps } from "./SgInputText";
-export type SgInputFoneProps = Omit<SgInputTextProps, "inputProps" | "error"> & {
-    inputProps: React.InputHTMLAttributes<HTMLInputElement>;
-    error?: string;
-    required?: boolean;
-    requiredMessage?: string;
-    lengthMessage?: string;
-    invalidMessage?: string;
-    validation?: (value: string) => string | null;
-    onValidation?: (message: string | null) => void;
-    validateOnBlur?: boolean;
-};
-export declare function SgInputFone(props: SgInputFoneProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SgInputFone.d.ts.map

package/dist/inputs/SgInputFone.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SgInputFone.d.ts","sourceRoot":"","sources":["../../src/inputs/SgInputFone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,OAAO,CAAC,GAAG;IAC9E,UAAU,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAMF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA+DlD"}

package/dist/inputs/SgInputFone.js

@@ -1,60 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { SgInputText } from "./SgInputText";
-import { maskPhone } from "../masks";
-function onlyDigits(value) {
-    return value.replace(/\D/g, "");
-}
-export function SgInputFone(props) {
-    const { required, requiredMessage, lengthMessage, invalidMessage, validateOnBlur, error, validation, ...rest } = props;
-    const [internalError, setInternalError] = React.useState(null);
-    const runValidation = React.useCallback((value) => {
-        const digits = onlyDigits(value);
-        if (!digits && !required) {
-            setInternalError(null);
-            props.onValidation?.(null);
-            return;
-        }
-        if (!digits && required) {
-            const message = requiredMessage ?? "Campo obrigatório ";
-            setInternalError(message);
-            props.onValidation?.(message);
-            return;
-        }
-        if (validation) {
-            const message = validation(value);
-            if (message) {
-                setInternalError(message);
-                props.onValidation?.(message);
-                return;
-            }
-        }
-        if (digits.length !== 10 && digits.length !== 11) {
-            const message = lengthMessage ?? invalidMessage ?? "Telefone inválido.";
-            setInternalError(message);
-            props.onValidation?.(message);
-            return;
-        }
-        setInternalError(null);
-        props.onValidation?.(null);
-    }, [required, requiredMessage, lengthMessage, invalidMessage, validation, props]);
-    const inputProps = {
-        ...rest.inputProps,
-        inputMode: rest.inputProps.inputMode ?? "numeric",
-        onChange: (event) => {
-            event.target.value = maskPhone(event.target.value);
-            rest.inputProps.onChange?.(event);
-        }
-    };
-    const onBlur = inputProps.onBlur;
-    const shouldValidateOnBlur = validateOnBlur ?? true;
-    return (_jsx(SgInputText, { ...rest, error: error ?? internalError ?? undefined, inputProps: {
-            ...inputProps,
-            onBlur: (event) => {
-                if (shouldValidateOnBlur)
-                    runValidation(event.currentTarget.value);
-                onBlur?.(event);
-            }
-        } }));
-}