@rdsaude/pulso-react-components/dist/components/input-password/index.d.ts

Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.

import * as react_jsx_runtime from 'react/jsx-runtime';
import { Assign } from '@ark-ui/react';
import { PasswordInput } from '@ark-ui/react/password-input';
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as tailwind_merge from 'tailwind-merge';
import * as React$1 from 'react';
import { I as IconProps } from '../../index-BM7eEaSf.js';
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
import { Field } from '@ark-ui/react/field';
import { IconName } from '@raiadrogasil/pulso-icons';
import '@raiadrogasil/pulso-design-tokens';

declare const root: ((slotProps?: ({
    size?: "md" | "lg" | "xl" | "ml" | undefined;
    isError?: boolean | undefined;
    isDisabled?: boolean | undefined;
    isReadOnly?: boolean | undefined;
} & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string) & ((slotProps?: ({
    size?: "md" | "lg" | "xl" | "ml" | undefined;
    isError?: boolean | undefined;
    isDisabled?: boolean | undefined;
    isReadOnly?: boolean | undefined;
} & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string);

type InputPasswordSharedProps = Omit<VariantProps<typeof root>, 'isDisabled' | 'isReadOnly' | 'isError'>;
type InputPasswordRootProps = Assign<React.ComponentProps<typeof PasswordInput.Root>, InputPasswordSharedProps> & {
    readOnly: boolean;
};
declare function InputPasswordRoot({ children, size, asChild, disabled, readOnly, invalid, onVisibilityChange, ...props }: InputPasswordRootProps): react_jsx_runtime.JSX.Element;
declare namespace InputPasswordRoot {
    var displayName: string;
}

declare const inputPasswordTag: tailwind_variants.TVReturnType<{
    variant: {
        strong: string[];
        average: string[];
        weak: string[];
    };
}, undefined, string[], {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config_js.TWMConfig & {
    twMerge: true;
    twMergeConfig: {
        extend: {
            classGroups: {
                'font-size': {
                    text: string[];
                }[];
                'border-width': {
                    border: string[];
                }[];
                '--tw-ring-inset': {
                    ring: string[];
                }[];
            };
        };
    };
}, {
    variant: {
        strong: string[];
        average: string[];
        weak: string[];
    };
}, undefined, tailwind_variants.TVReturnType<{
    variant: {
        strong: string[];
        average: string[];
        weak: string[];
    };
}, undefined, string[], tailwind_variants_dist_config_js.TVConfig<{
    variant: {
        strong: string[];
        average: string[];
        weak: string[];
    };
}, {
    variant: {
        strong: string[];
        average: string[];
        weak: string[];
    };
}>, unknown, unknown, undefined>>;
type InputPasswordTagProps = VariantProps<typeof inputPasswordTag>;

type InputPasswordInputProps = Assign<React$1.ComponentProps<typeof PasswordInput.Input>, InputPasswordSharedProps> & {
    prefix?: IconProps['symbol'];
    strengthRules: Record<NonNullable<InputPasswordTagProps['variant']>, RegExp>;
};
declare function InputPasswordInput({ prefix, strengthRules, size, onChange, readOnly, ...props }: InputPasswordInputProps): react_jsx_runtime.JSX.Element;
declare namespace InputPasswordInput {
    var displayName: string;
}

type InputPasswordLabelProps = Assign<React.ComponentProps<typeof PasswordInput.Label>, InputPasswordSharedProps> & {
    readOnly?: boolean;
};
declare function InputPasswordLabel({ children, size, readOnly, ...props }: InputPasswordLabelProps): react_jsx_runtime.JSX.Element;
declare namespace InputPasswordLabel {
    var displayName: string;
}

declare const helperTextStyles: tailwind_variants.TVReturnType<{
    isError: {
        true: string;
    };
    isDisabled: {
        true: string;
    };
    isReadOnly: {
        true: string;
    };
}, undefined, string[], {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        isError?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        isDisabled?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        isReadOnly?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config_js.TWMConfig & {
    twMerge: true;
    twMergeConfig: {
        extend: {
            classGroups: {
                'font-size': {
                    text: string[];
                }[];
                'border-width': {
                    border: string[];
                }[];
                '--tw-ring-inset': {
                    ring: string[];
                }[];
            };
        };
    };
}, {
    isError: {
        true: string;
    };
    isDisabled: {
        true: string;
    };
    isReadOnly: {
        true: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    isError: {
        true: string;
    };
    isDisabled: {
        true: string;
    };
    isReadOnly: {
        true: string;
    };
}, undefined, string[], tailwind_variants_dist_config_js.TVConfig<{
    isError: {
        true: string;
    };
    isDisabled: {
        true: string;
    };
    isReadOnly: {
        true: string;
    };
}, {
    isError: {
        true: string;
    };
    isDisabled: {
        true: string;
    };
    isReadOnly: {
        true: string;
    };
}>, unknown, unknown, undefined>>;

type HelperTextBaseProps = Omit<React.ComponentProps<typeof Field.HelperText>, 'asChild'> & {
    prefix?: IconName;
};
type HelperTextProps = HelperTextBaseProps & VariantProps<typeof helperTextStyles>;

type InputPasswordHelperTextProps = Pick<HelperTextProps, 'prefix'> & {
    children: React.ReactNode;
    readOnly?: boolean;
};
declare function InputPasswordHelperText({ children, readOnly, ...props }: InputPasswordHelperTextProps): react_jsx_runtime.JSX.Element;
declare namespace InputPasswordHelperText {
    var displayName: string;
}

declare namespace namespace {
  export { InputPasswordHelperText as HelperText, InputPasswordInput as Input, InputPasswordLabel as Label, InputPasswordRoot as Root };
}

export { namespace as InputPassword, type InputPasswordRootProps as InputPasswordProps };