dgz-ui/dist/types/ui/form/input-mask.d.ts

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

import { IMaskInputProps } from 'react-imask';
import { InputProps } from './input';
/**
 * Props for the MaskInput component.
 * Extends react-imask IMaskInputProps and shares visual variants with Input.
 *
 * @property {'default'|'failure'|'success'} [variant='default'] - Visual state styling.
 */
export type MaskInputProps = IMaskInputProps<HTMLInputElement> & InputProps & {};
/**
 * MaskInput - Text input with masking support powered by react-imask.
 *
 * Useful for enforcing formats like phone numbers, dates, etc. Styling mirrors the Input component
 * and supports the same variant prop.
 *
 * @component
 * @param {MaskInputProps} props - Props forwarded to IMaskInput.
 */
declare const MaskInput: import('react').ForwardRefExoticComponent<(Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & Omit<import('imask').MaskedDateOptions, "mask"> & {
    mask: DateConstructor;
} & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & Partial<Pick<import('imask').MaskedNumber, "mask" | "eager" | "max" | "min" | "format" | "scale" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & Partial<Pick<import('imask').MaskedPattern<string>, "mask" | "eager" | "lazy" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & Partial<Pick<import('imask').MaskedRegExp, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: typeof import('imask').MaskedDate;
} & Omit<Omit<import('imask').MaskedDateOptions, "mask"> & {
    mask: DateConstructor;
}, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: typeof import('imask').MaskedNumber;
} & Omit<Partial<Pick<import('imask').MaskedNumber, "mask" | "eager" | "max" | "min" | "format" | "scale" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: typeof import('imask').MaskedEnum;
} & Omit<import('imask').MaskedEnumOptions, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: typeof import('imask').MaskedRange;
} & Omit<import('imask').MaskedRangeOptions, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: typeof import('imask').MaskedRegExp;
} & Omit<Partial<Pick<import('imask').MaskedRegExp, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: typeof import('imask').MaskedFunction;
} & Omit<Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: typeof import('imask').MaskedPattern;
} & Omit<Partial<Pick<import('imask').MaskedPattern<string>, "mask" | "eager" | "lazy" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">>, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: typeof import('imask').MaskedDynamic;
} & Omit<Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: typeof import('imask').Masked;
} & Omit<Partial<Pick<import('imask').Masked<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: import('imask').MaskedDate;
} & Omit<Omit<import('imask').MaskedDateOptions, "mask"> & {
    mask: DateConstructor;
}, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: import('imask').MaskedNumber;
} & Omit<Partial<Pick<import('imask').MaskedNumber, "mask" | "eager" | "max" | "min" | "format" | "scale" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: import('imask').MaskedEnum;
} & Omit<import('imask').MaskedEnumOptions, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: import('imask').MaskedRange;
} & Omit<import('imask').MaskedRangeOptions, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: import('imask').MaskedRegExp;
} & Omit<Partial<Pick<import('imask').MaskedRegExp, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: import('imask').MaskedFunction;
} & Omit<Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: import('imask').MaskedPattern;
} & Omit<Partial<Pick<import('imask').MaskedPattern<string>, "mask" | "eager" | "lazy" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">>, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: import('imask').MaskedDynamic;
} & Omit<Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & InputProps, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
    [x: string]: unknown;
}>, "ref"> & {
    mask: import('imask').Masked;
} & Omit<Partial<Pick<import('imask').Masked<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref">) & import('react').RefAttributes<HTMLInputElement>>;
export { MaskInput };
//# sourceMappingURL=input-mask.d.ts.map