@seedgrid/fe-components 0.2.4

package/dist/inputs/InputBirthDate.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,161 @@
+"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/SgAutocomplete.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+import type { RhfFieldProps } from "../rhf";
+import { type SgInputTextProps } from "./SgInputText";
+export type SgAutocompleteItem = {
+    id: string | number;
+    label: string;
+    value?: string;
+    group?: string;
+    disabled?: boolean;
+    data?: unknown;
+};
+export type SgAutocompleteSource<T = SgAutocompleteItem> = (query: string) => Promise<T[]> | T[];
+export type SgAutocompleteProps<T = SgAutocompleteItem> = Omit<SgInputTextProps, "onChange" | "value"> & {
+    value?: string;
+    onChange?: (value: string) => void;
+    source: SgAutocompleteSource<T>;
+    mapItem?: (raw: T) => SgAutocompleteItem;
+    minLengthForSearch?: number;
+    delay?: number;
+    maxResult?: number;
+    cacheEnabled?: boolean;
+    cacheTTL?: number;
+    showDropDownButton?: boolean;
+    openOnFocus?: boolean;
+    clearOnSelect?: boolean;
+    allowCustomValue?: boolean;
+    grouped?: boolean;
+    groupped?: boolean;
+    placeholderEmpty?: string;
+    loadingText?: string;
+    onSelect?: (item: SgAutocompleteItem) => void;
+    onSearch?: (query: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    renderItem?: (item: SgAutocompleteItem, isActive: boolean) => React.ReactNode;
+    renderGroupHeader?: (group: string) => React.ReactNode;
+    renderFooter?: (query: string, hasResults: boolean) => React.ReactNode;
+    renderEmpty?: (query: string) => React.ReactNode;
+    formatSelection?: (item: SgAutocompleteItem) => string;
+    itemTooltip?: (item: SgAutocompleteItem) => React.ReactNode;
+} & RhfFieldProps;
+export declare function SgAutocomplete<T = SgAutocompleteItem>(props: SgAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SgAutocomplete.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SgAutocomplete.d.ts","sourceRoot":"","sources":["../../src/inputs/SgAutocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,kBAAkB,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;AAEjG,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,kBAAkB,IAAI,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACvG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,kBAAkB,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACvE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,MAAM,CAAC;IACvD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7D,GAAG,aAAa,CAAC;AAQlB,wBAAgB,cAAc,CAAC,CAAC,GAAG,kBAAkB,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAyBnF"}