@seedgrid/fe-components 0.2.4

package/dist/inputs/SgCurrencyEdit.js

@@ -0,0 +1,496 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { X } from "lucide-react";
+import { Controller } from "react-hook-form";
+import { t, useComponentsI18n } from "../i18n";
+function ErrorText(props) {
+    if (!props.message)
+        return null;
+    return _jsx("p", { "data-sg-error": true, className: "text-xs text-red-600", children: props.message });
+}
+function mergeRefs(...refs) {
+    return (node) => {
+        for (const ref of refs) {
+            if (!ref)
+                continue;
+            if (typeof ref === "function") {
+                ref(node);
+            }
+            else if (typeof ref === "object" && "current" in ref) {
+                ref.current = node;
+            }
+        }
+    };
+}
+function resolveCurrencyMeta(options) {
+    const { locale, currency, currencyDisplay, currencySymbolOverride, currencySymbolPlacement, useGrouping } = options;
+    try {
+        const formatter = new Intl.NumberFormat(locale, {
+            style: "currency",
+            currency,
+            currencyDisplay,
+            useGrouping
+        });
+        const parts = formatter.formatToParts(1000.1);
+        const groupSep = parts.find((p) => p.type === "group")?.value ?? ",";
+        const decimalSep = parts.find((p) => p.type === "decimal")?.value ?? ".";
+        const currencyPart = parts.find((p) => p.type === "currency")?.value ?? currency;
+        const integerIndex = parts.findIndex((p) => p.type === "integer");
+        const currencyIndex = parts.findIndex((p) => p.type === "currency");
+        const placement = currencySymbolPlacement === "auto"
+            ? currencyIndex > -1 && currencyIndex < integerIndex
+                ? "prefix"
+                : "suffix"
+            : currencySymbolPlacement;
+        const { maximumFractionDigits } = formatter.resolvedOptions();
+        return {
+            decimalSep,
+            groupSep,
+            symbol: currencySymbolOverride ?? currencyPart,
+            placement,
+            minorUnit: typeof maximumFractionDigits === "number" ? maximumFractionDigits : 2
+        };
+    }
+    catch {
+        return {
+            decimalSep: ".",
+            groupSep: ",",
+            symbol: currencySymbolOverride ?? currency.toUpperCase(),
+            placement: currencySymbolPlacement === "suffix" ? "suffix" : "prefix",
+            minorUnit: 2
+        };
+    }
+}
+function normalizeState(raw, decimals, allowNegative) {
+    let text = raw ?? "";
+    const isNegative = allowNegative && text.includes("-");
+    text = text.replace(/[^0-9.,]/g, "");
+    const lastDot = text.lastIndexOf(".");
+    const lastComma = text.lastIndexOf(",");
+    const decimalIndex = Math.max(lastDot, lastComma);
+    let intPart = "";
+    let decPart = "";
+    let hasDecimal = false;
+    if (decimalIndex >= 0) {
+        hasDecimal = true;
+        intPart = text.slice(0, decimalIndex).replace(/[^0-9]/g, "");
+        decPart = text.slice(decimalIndex + 1).replace(/[^0-9]/g, "");
+    }
+    else {
+        intPart = text.replace(/[^0-9]/g, "");
+    }
+    if (!intPart)
+        intPart = "0";
+    if (decimals > 0) {
+        decPart = decPart.slice(0, decimals);
+    }
+    else {
+        decPart = "";
+        hasDecimal = false;
+    }
+    return {
+        negative: isNegative,
+        intDigits: intPart,
+        decDigits: decPart,
+        hasDecimal
+    };
+}
+function formatWithGroup(intDigits, group) {
+    const clean = intDigits.replace(/^0+(?!$)/, "");
+    if (!group)
+        return clean;
+    return clean.replace(/\B(?=(\d{3})+(?!\d))/g, group);
+}
+function stateToDisplay(state, decimals, decimalSep, group) {
+    if (!state)
+        return "";
+    const intPart = formatWithGroup(state.intDigits, group);
+    if (decimals <= 0)
+        return `${state.negative ? "-" : ""}${intPart}`;
+    const decPart = state.decDigits.padEnd(decimals, "0");
+    return `${state.negative ? "-" : ""}${intPart}${decimalSep}${decPart}`;
+}
+function stateToValue(state, decimals) {
+    if (!state)
+        return "";
+    const intPart = state.intDigits.replace(/^0+(?!$)/, "");
+    if (decimals <= 0)
+        return `${state.negative ? "-" : ""}${intPart || "0"}`;
+    const decPart = state.decDigits.padEnd(decimals, "0");
+    return `${state.negative ? "-" : ""}${intPart || "0"}.${decPart}`;
+}
+function stateToNumber(state, decimals) {
+    if (!state)
+        return null;
+    const value = stateToValue(state, decimals);
+    const num = Number(value);
+    if (Number.isNaN(num))
+        return null;
+    return num;
+}
+function setCaretToEnd(input) {
+    if (!input)
+        return;
+    const length = input.value.length;
+    try {
+        input.setSelectionRange(length, length);
+    }
+    catch {
+        // ignore
+    }
+}
+function combineAffix(symbol, extra, placement) {
+    if (!symbol && !extra)
+        return undefined;
+    if (!symbol)
+        return extra;
+    if (!extra)
+        return symbol;
+    return placement === "prefix" ? `${symbol} ${extra}` : `${extra} ${symbol}`;
+}
+function SgCurrencyEditBase(props) {
+    const i18n = useComponentsI18n();
+    const allowNegative = props.allowNegative ?? true;
+    const emptyValue = props.emptyValue ?? "zero";
+    const currency = (props.currency ?? "BRL").toUpperCase();
+    const locale = props.locale ?? i18n.locale;
+    const showCurrencySymbol = props.showCurrencySymbol ?? true;
+    const useGrouping = props.useGrouping ?? true;
+    const meta = React.useMemo(() => resolveCurrencyMeta({
+        locale,
+        currency,
+        currencyDisplay: props.currencyDisplay ?? "symbol",
+        currencySymbolOverride: props.currencySymbolOverride,
+        currencySymbolPlacement: props.currencySymbolPlacement ?? "auto",
+        useGrouping
+    }), [
+        locale,
+        currency,
+        props.currencyDisplay,
+        props.currencySymbolOverride,
+        props.currencySymbolPlacement,
+        useGrouping
+    ]);
+    const decimals = props.decimals ?? meta.minorUnit;
+    const decimalSep = meta.decimalSep;
+    const groupSep = useGrouping ? meta.groupSep : "";
+    const currencyPrefix = showCurrencySymbol && meta.placement === "prefix" ? meta.symbol : undefined;
+    const currencySuffix = showCurrencySymbol && meta.placement === "suffix" ? meta.symbol : undefined;
+    const prefixText = combineAffix(currencyPrefix, props.prefixText, "prefix");
+    const suffixText = combineAffix(currencySuffix, props.suffixText, "suffix");
+    const inputProps = props.inputProps ?? {};
+    const { value: _ignoredValue, defaultValue: _ignoredDefault, onChange: inputOnChange, ...restInputProps } = inputProps;
+    const labelText = props.labelText ?? props.label ?? "";
+    const placeholder = props.placeholder ?? props.hintText ?? labelText;
+    const inputRef = React.useRef(null);
+    const prefixRef = React.useRef(null);
+    const suffixRef = React.useRef(null);
+    const [prefixWidth, setPrefixWidth] = React.useState(0);
+    const [suffixWidth, setSuffixWidth] = React.useState(0);
+    const [internalError, setInternalError] = React.useState(null);
+    const [hasInteracted, setHasInteracted] = React.useState(false);
+    const initialState = React.useMemo(() => {
+        const raw = props.externalValue ?? inputProps.value ?? inputProps.defaultValue ?? "";
+        if ((raw === "" || raw == null) && emptyValue === "null")
+            return null;
+        return normalizeState(String(raw), decimals, allowNegative);
+    }, [props.externalValue, inputProps.value, inputProps.defaultValue, emptyValue, decimals, allowNegative]);
+    const [state, setState] = React.useState(initialState);
+    const stateRef = React.useRef(initialState);
+    const lastEmittedRef = React.useRef(null);
+    React.useEffect(() => {
+        const raw = props.externalValue ?? inputProps.value;
+        if (raw === undefined)
+            return;
+        if (inputRef.current) {
+            const isFocused = typeof document !== "undefined" && document.activeElement === inputRef.current;
+            if (isFocused && lastEmittedRef.current === String(raw ?? ""))
+                return;
+        }
+        if ((raw === "" || raw == null) && emptyValue === "null") {
+            stateRef.current = null;
+            setState(null);
+            return;
+        }
+        const next = normalizeState(String(raw), decimals, allowNegative);
+        stateRef.current = next;
+        setState(next);
+    }, [props.externalValue, inputProps.value, emptyValue, decimals, allowNegative]);
+    React.useLayoutEffect(() => {
+        if (prefixRef.current) {
+            const next = prefixRef.current.offsetWidth;
+            if (next !== prefixWidth)
+                setPrefixWidth(next);
+        }
+        else if (prefixWidth !== 0) {
+            setPrefixWidth(0);
+        }
+        if (suffixRef.current) {
+            const next = suffixRef.current.offsetWidth;
+            if (next !== suffixWidth)
+                setSuffixWidth(next);
+        }
+        else if (suffixWidth !== 0) {
+            setSuffixWidth(0);
+        }
+    }, [prefixText, suffixText, prefixWidth, suffixWidth]);
+    const displayValue = stateToDisplay(state, decimals, decimalSep, groupSep);
+    const isFilled = displayValue.length > 0;
+    const runValidation = React.useCallback((valueState) => {
+        const required = props.required ?? false;
+        const numberValue = stateToNumber(valueState, decimals);
+        const isZeroValue = valueState != null &&
+            valueState.negative === false &&
+            valueState.intDigits.replace(/^0+(?!$)/, "0") === "0" &&
+            (decimals <= 0 || valueState.decDigits.replace(/0/g, "") === "");
+        if (!valueState || numberValue === null || (emptyValue === "zero" && isZeroValue)) {
+            if (required) {
+                const message = props.requiredMessage ?? t(i18n, "components.inputs.required");
+                setInternalError(message);
+                props.onValidation?.(message);
+                return;
+            }
+            setInternalError(null);
+            props.onValidation?.(null);
+            return;
+        }
+        if (props.minValue !== undefined && numberValue < props.minValue) {
+            const message = props.minValueMessage ?? t(i18n, "components.inputs.number.min", { min: props.minValue });
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        if (props.maxValue !== undefined && numberValue > props.maxValue) {
+            const message = props.maxValueMessage ?? t(i18n, "components.inputs.number.max", { max: props.maxValue });
+            setInternalError(message);
+            props.onValidation?.(message);
+            return;
+        }
+        if (props.validation) {
+            const message = props.validation(stateToValue(valueState, decimals));
+            setInternalError(message);
+            props.onValidation?.(message ?? null);
+            return;
+        }
+        setInternalError(null);
+        props.onValidation?.(null);
+    }, [props, i18n, decimals, emptyValue]);
+    const commitState = React.useCallback((next) => {
+        stateRef.current = next;
+        setState(next);
+        setHasInteracted(true);
+        const value = stateToValue(next, decimals);
+        lastEmittedRef.current = value;
+        props.onExternalChange?.(value);
+        props.onChange?.(value);
+        if (inputOnChange) {
+            inputOnChange({
+                target: { value },
+                currentTarget: { value }
+            });
+        }
+        if (props.validateOnBlur === false) {
+            runValidation(next);
+        }
+    }, [decimals, props, runValidation, inputOnChange]);
+    const handleKeyDown = (event) => {
+        if (props.readOnly || props.enabled === false || inputProps.readOnly)
+            return;
+        if (event.ctrlKey || event.metaKey || event.altKey)
+            return;
+        const key = event.key;
+        if (key === "Tab" || key === "ArrowLeft" || key === "ArrowRight" || key === "Home" || key === "End") {
+            return;
+        }
+        event.preventDefault();
+        if (key === "Backspace" || key === "Delete") {
+            const current = stateRef.current;
+            if (!current) {
+                if (emptyValue === "zero") {
+                    commitState({ negative: false, intDigits: "0", decDigits: "", hasDecimal: false });
+                }
+                return;
+            }
+            if (current.hasDecimal && current.decDigits.length > 0) {
+                commitState({ ...current, decDigits: current.decDigits.slice(0, -1) });
+                return;
+            }
+            if (current.hasDecimal && current.decDigits.length === 0) {
+                commitState({ ...current, hasDecimal: false });
+                return;
+            }
+            const nextInt = current.intDigits.slice(0, -1);
+            if (!nextInt) {
+                if (emptyValue === "null") {
+                    commitState(null);
+                }
+                else {
+                    commitState({ ...current, intDigits: "0" });
+                }
+                return;
+            }
+            commitState({ ...current, intDigits: nextInt });
+            return;
+        }
+        if ((key === "-" || key === "_") && allowNegative) {
+            const base = stateRef.current ?? { negative: false, intDigits: "0", decDigits: "", hasDecimal: false };
+            commitState({ ...base, negative: !base.negative });
+            return;
+        }
+        const isDecimalKey = key === decimalSep || key === "." || key === ",";
+        if (isDecimalKey) {
+            if (decimals <= 0)
+                return;
+            const next = stateRef.current ?? { negative: false, intDigits: "0", decDigits: "", hasDecimal: false };
+            const decDigits = next.decDigits.length >= decimals ? "" : next.decDigits;
+            commitState({ ...next, hasDecimal: true, decDigits });
+            return;
+        }
+        if (/\d/.test(key)) {
+            const next = stateRef.current ?? { negative: false, intDigits: "0", decDigits: "", hasDecimal: false };
+            if (next.hasDecimal && decimals > 0 && next.decDigits.length < decimals) {
+                commitState({ ...next, decDigits: `${next.decDigits}${key}` });
+                return;
+            }
+            const intDigits = next.intDigits === "0" ? key : `${next.intDigits}${key}`;
+            commitState({ ...next, intDigits });
+            return;
+        }
+    };
+    const handleChange = (event) => {
+        if (props.readOnly || props.enabled === false || inputProps.readOnly)
+            return;
+        const parsed = normalizeState(event.currentTarget.value, decimals, allowNegative);
+        commitState(parsed);
+    };
+    const handlePaste = (event) => {
+        if (props.readOnly || props.enabled === false || inputProps.readOnly)
+            return;
+        const text = event.clipboardData.getData("text");
+        if (!text)
+            return;
+        event.preventDefault();
+        const parsed = normalizeState(text, decimals, allowNegative);
+        commitState(parsed);
+    };
+    const handleBlur = (event) => {
+        if ((props.validateOnBlur ?? true) || hasInteracted) {
+            runValidation(state);
+        }
+        inputProps.onBlur?.(event);
+        props.onExit?.();
+    };
+    const handleFocus = () => {
+        props.onEnter?.();
+    };
+    const handleClear = () => {
+        if (!inputRef.current)
+            return;
+        const next = emptyValue === "null"
+            ? null
+            : { negative: false, intDigits: "0", decDigits: "", hasDecimal: false };
+        commitState(next);
+        inputRef.current.value = stateToDisplay(next, decimals, decimalSep, groupSep);
+        setCaretToEnd(inputRef.current);
+        props.onClear?.();
+    };
+    React.useEffect(() => {
+        if (!inputRef.current)
+            return;
+        inputRef.current.value = displayValue;
+        setCaretToEnd(inputRef.current);
+    }, [displayValue]);
+    const isDisabled = props.enabled === false || props.readOnly || inputProps.readOnly;
+    const canShowClear = (props.clearButton ?? true) && !isDisabled;
+    const iconButtonsCount = props.iconButtons?.length ?? 0;
+    const hasSuffix = canShowClear || iconButtonsCount > 0;
+    const paddingLeft = props.prefixIcon ? "pl-10" : "px-3";
+    const paddingRight = hasSuffix ? "pr-10" : "pr-3";
+    const baseClass = "peer h-11 w-full rounded-md text-sm placeholder-transparent focus:outline-none text-right";
+    const hasError = Boolean(props.error ?? internalError);
+    const borderClass = (props.withBorder ?? true) || hasError
+        ? hasError
+            ? "border border-[hsl(var(--destructive))] shadow-sm focus:border-[hsl(var(--destructive))] focus:ring-2 focus:ring-[hsl(var(--destructive)/0.25)]"
+            : "border border-border shadow-sm focus:border-[hsl(var(--primary))] focus:ring-2 focus:ring-[hsl(var(--primary)/0.25)]"
+        : "border border-transparent";
+    const bgClass = props.filled ? "bg-muted/40" : "bg-white";
+    const finalClass = [
+        baseClass,
+        borderClass,
+        bgClass,
+        paddingLeft,
+        paddingRight,
+        "py-2",
+        "leading-[1.2]"
+    ].join(" ");
+    let resolvedBorderRadius;
+    if (props.borderRadius !== undefined) {
+        resolvedBorderRadius =
+            typeof props.borderRadius === "number"
+                ? `${props.borderRadius}px`
+                : props.borderRadius;
+    }
+    const prefixPaddingStyle = prefixText
+        ? `calc(${prefixWidth}px + 0.75rem${props.prefixIcon ? " + 0.75rem" : ""})`
+        : undefined;
+    const iconButtonsPadding = iconButtonsCount > 0 ? `${iconButtonsCount * 1.5}rem` : "0rem";
+    const baseRightPadding = canShowClear ? "2rem" : "0.75rem";
+    const suffixPaddingStyle = suffixText
+        ? `calc(${suffixWidth}px + ${baseRightPadding} + ${iconButtonsPadding})`
+        : hasSuffix
+            ? `calc(${baseRightPadding} + ${iconButtonsPadding})`
+            : undefined;
+    const clearRightStyle = suffixText && suffixWidth
+        ? `${suffixWidth}px`
+        : undefined;
+    return (_jsxs("div", { style: { width: props.width ?? "100%" }, children: [_jsxs("div", { className: "relative", children: [prefixText ? (_jsx("span", { ref: prefixRef, className: "pointer-events-none absolute left-0 top-0 z-10 flex h-11 items-center rounded-l-md border border-border bg-muted/40 px-3 text-xs leading-none text-foreground/70", children: prefixText })) : null, props.prefixIcon ? (_jsx("span", { className: "pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2 text-foreground/60", children: props.prefixIcon })) : null, _jsx("input", { id: props.id, type: props.type ?? "text", placeholder: placeholder, className: props.className ?? finalClass, style: {
+                            borderRadius: resolvedBorderRadius,
+                            paddingLeft: prefixPaddingStyle,
+                            paddingRight: suffixPaddingStyle,
+                            ...(prefixText ? { borderTopLeftRadius: 0, borderBottomLeftRadius: 0, borderLeftWidth: 0 } : {}),
+                            ...(suffixText ? { borderTopRightRadius: 0, borderBottomRightRadius: 0, borderRightWidth: 0 } : {}),
+                            ...(inputProps.style ?? {})
+                        }, inputMode: props.textInputType ?? "decimal", readOnly: props.readOnly, disabled: props.enabled === false, ...restInputProps, ref: mergeRefs(inputRef, inputProps?.ref), onKeyDown: handleKeyDown, onChange: handleChange, onPaste: handlePaste, onBlur: handleBlur, onFocus: handleFocus }), suffixText ? (_jsx("span", { ref: suffixRef, className: "pointer-events-none absolute right-0 top-0 z-10 flex h-11 items-center rounded-r-md border border-border bg-muted/40 px-3 text-xs leading-none text-foreground/70", children: suffixText })) : null, _jsxs("label", { htmlFor: props.id, className: [
+                            "absolute bg-white px-1 transition-all",
+                            isFilled
+                                ? "-top-2 left-3 text-xs"
+                                : `top-3 text-sm ${props.prefixIcon ? "left-10" : "left-3"}`,
+                            hasError
+                                ? "text-[hsl(var(--destructive))]"
+                                : isFilled
+                                    ? "text-[hsl(var(--primary))]"
+                                    : "text-foreground/60",
+                            hasError
+                                ? "peer-focus:-top-2 peer-focus:left-3 peer-focus:text-xs peer-focus:text-[hsl(var(--destructive))]"
+                                : "peer-focus:-top-2 peer-focus:left-3 peer-focus:text-xs peer-focus:text-[hsl(var(--primary))]",
+                            props.labelClassName ?? ""
+                        ].join(" "), style: prefixPaddingStyle ? { left: prefixPaddingStyle } : undefined, children: [_jsx("span", { children: labelText }), props.required ? (_jsx("span", { className: "ml-1 text-[hsl(var(--destructive))]", "aria-hidden": "true", children: "*" })) : null] }), hasSuffix ? (_jsxs("span", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", style: clearRightStyle ? { right: clearRightStyle } : undefined, children: [canShowClear ? (_jsx("button", { type: "button", onClick: handleClear, className: "rounded px-1 text-xs text-foreground/60 hover:text-foreground", "aria-label": t(i18n, "components.actions.clear"), children: _jsx(X, { size: 16 }) })) : null, props.iconButtons?.map((node, index) => (_jsx("span", { children: node }, index)))] })) : null] }), _jsx("div", { className: "mt-1 flex items-center justify-between gap-2", children: _jsx(ErrorText, { message: props.error ?? internalError ?? undefined }) })] }));
+}
+export function SgCurrencyEdit(props) {
+    const { control, name, register, rules, ...rest } = props;
+    if (name && register) {
+        const reg = register(name, rules);
+        return (_jsx(SgCurrencyEditBase, { ...rest, onExternalChange: (value) => {
+                reg.onChange({ target: { name, value } });
+            }, inputProps: {
+                ...rest.inputProps,
+                name,
+                ref: mergeRefs(reg.ref, rest.inputProps?.ref),
+                onBlur: (event) => {
+                    reg.onBlur(event);
+                    rest.inputProps?.onBlur?.(event);
+                }
+            } }));
+    }
+    if (control && name) {
+        return (_jsx(Controller, { name: name, control: control, render: ({ field, fieldState }) => (_jsx(SgCurrencyEditBase, { ...rest, externalValue: field.value, onExternalChange: (value) => field.onChange(value), error: rest.error ?? fieldState.error?.message, inputProps: {
+                    ...rest.inputProps,
+                    onBlur: (event) => {
+                        field.onBlur();
+                        rest.inputProps?.onBlur?.(event);
+                    }
+                } })) }));
+    }
+    return _jsx(SgCurrencyEditBase, { ...rest });
+}

package/dist/inputs/SgInputBirthDate.d.ts

@@ -0,0 +1,13 @@
+import { type SgInputDateProps } from "./SgInputDate";
+import { type BirthDatePolicy } from "../validators";
+export type SgInputBirthDateProps = Omit<SgInputDateProps, "maxDate" | "minDate"> & BirthDatePolicy & {
+    maxDate?: string | Date;
+    minDate?: string | Date;
+    onValidation?: (message: string | null) => void;
+    required?: boolean;
+    requiredMessage?: string;
+    validateOnBlur?: boolean;
+    error?: string;
+};
+export declare function SgInputBirthDate(props: SgInputBirthDateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgInputBirthDate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SgInputBirthDate.d.ts","sourceRoot":"","sources":["../../src/inputs/SgInputBirthDate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAGxE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,SAAS,CAAC,GAC/E,eAAe,GAAG;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,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;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEJ,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAuE5D"}

package/dist/inputs/SgInputBirthDate.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { SgInputDate } from "./SgInputDate";
+import { validateBirthDate } from "../validators";
+import { t, useComponentsI18n } from "../i18n";
+export function SgInputBirthDate(props) {
+    const i18n = useComponentsI18n();
+    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 ?? t(i18n, "components.inputs.birthdate.required");
+            setInternalError(message);
+            onValidation?.(message);
+            return;
+        }
+        const message = validateBirthDate(value, { minAge, maxAge }, i18n);
+        setInternalError(message);
+        onValidation?.(message);
+    }, [i18n, 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/SgInputCEP.d.ts

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1 @@
+{"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"}