@sigep/react 1.0.0 → 1.1.1

package/dist/index.d.mts

@@ -1,9 +1,102 @@
 import * as react from 'react';
-import { ComponentProps } from 'react';
+import { ComponentProps, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 
+declare const avatar: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+    };
+}, undefined, "inline-flex items-center justify-center rounded-full font-medium select-none overflow-hidden", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+    };
+}, undefined, "inline-flex items-center justify-center rounded-full font-medium select-none overflow-hidden", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+    };
+}>, unknown, unknown, undefined>>;
+type AvatarVariants = VariantProps<typeof avatar>;
+interface AvatarProps extends ComponentProps<"div">, AvatarVariants {
+    name?: string;
+    src?: string;
+    alt?: string;
+}
+declare const Avatar: react.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 declare const button: tailwind_variants.TVReturnType<{
     variant: {
         primary: string;
@@ -94,4 +187,343 @@ interface ButtonProps extends ComponentProps<"button">, ButtonVariants {
 }
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Button, type ButtonProps, button };
+declare const card: tailwind_variants.TVReturnType<{
+    variant: {
+        elevated: string;
+        outlined: string;
+        filled: string;
+    };
+    padding: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "rounded-lg bg-white text-gray-900 overflow-hidden", tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        elevated: string;
+        outlined: string;
+        filled: string;
+    };
+    padding: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        elevated: string;
+        outlined: string;
+        filled: string;
+    };
+    padding: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    variant: {
+        elevated: string;
+        outlined: string;
+        filled: string;
+    };
+    padding: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        elevated: string;
+        outlined: string;
+        filled: string;
+    };
+    padding: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "rounded-lg bg-white text-gray-900 overflow-hidden", tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        elevated: string;
+        outlined: string;
+        filled: string;
+    };
+    padding: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        elevated: string;
+        outlined: string;
+        filled: string;
+    };
+    padding: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+type CardVariants = VariantProps<typeof card>;
+interface CardProps extends ComponentProps<"div">, CardVariants {
+    header?: ReactNode;
+    footer?: ReactNode;
+}
+declare const Card: react.ForwardRefExoticComponent<Omit<CardProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const modal: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, undefined, "relative flex flex-col rounded-lg bg-white text-gray-900 shadow-xl overflow-hidden", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, undefined, "relative flex flex-col rounded-lg bg-white text-gray-900 shadow-xl overflow-hidden", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}>, unknown, unknown, undefined>>;
+type ModalVariants = VariantProps<typeof modal>;
+interface ModalProps extends Omit<ComponentProps<"div">, "title">, ModalVariants {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    footer?: ReactNode;
+}
+declare const Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type Placement = "top" | "bottom" | "left" | "right";
+declare const tooltip: tailwind_variants.TVReturnType<{
+    variant: {
+        dark: string;
+        light: string;
+    };
+}, undefined, "fixed z-[999999] pointer-events-none", tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        dark: string;
+        light: string;
+    };
+}, {
+    variant: {
+        dark: string;
+        light: string;
+    };
+}>, {
+    variant: {
+        dark: string;
+        light: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        dark: string;
+        light: string;
+    };
+}, undefined, "fixed z-[999999] pointer-events-none", tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        dark: string;
+        light: string;
+    };
+}, {
+    variant: {
+        dark: string;
+        light: string;
+    };
+}>, unknown, unknown, undefined>>;
+type TooltipVariants = VariantProps<typeof tooltip>;
+interface TooltipProps extends Omit<ComponentProps<"span">, "content">, TooltipVariants {
+    content: ReactNode;
+    placement?: Placement;
+    offset?: number;
+    disabled?: boolean;
+    delayShow?: number;
+    delayHide?: number;
+}
+declare const Tooltip: react.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & react.RefAttributes<HTMLSpanElement>>;
+
+interface InputBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> {
+    label?: string;
+    error?: boolean;
+    errorMessage?: string;
+    required?: boolean;
+    size?: "sm" | "md" | "lg";
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    classContainer?: string;
+    classInput?: string;
+}
+interface InputStringProps extends InputBaseProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    showClearButton?: boolean;
+}
+interface InputEmailProps extends InputBaseProps {
+    value?: string;
+    onChange?: (value: string) => void;
+}
+interface InputPasswordProps extends InputBaseProps {
+    value?: string;
+    onChange?: (value: string) => void;
+}
+interface InputNumberProps extends InputBaseProps {
+    value?: number;
+    onChange?: (value: number | undefined) => void;
+    min?: number;
+    max?: number;
+}
+interface InputCPFProps extends InputBaseProps {
+    value?: string;
+    onChange?: (value: string) => void;
+}
+interface InputCNPJProps extends InputBaseProps {
+    value?: string;
+    onChange?: (value: string) => void;
+}
+interface InputPhoneProps extends InputBaseProps {
+    value?: string;
+    onChange?: (value: string) => void;
+}
+interface InputCurrencyProps extends InputBaseProps {
+    value?: number;
+    onChange?: (value: number | undefined) => void;
+    prefix?: string;
+    decimalScale?: number;
+    allowNegative?: boolean;
+}
+interface InputCepProps extends InputBaseProps {
+    value?: string;
+    onChange?: (value: string) => void;
+}
+interface InputCheckboxProps {
+    label?: string;
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    error?: boolean;
+    labelPosition?: "left" | "right";
+    className?: string;
+    name?: string;
+    required?: boolean;
+}
+interface InputRadioOption {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+}
+interface InputRadioProps {
+    label?: string;
+    options: InputRadioOption[];
+    value?: string | number;
+    onChange?: (value: string | number) => void;
+    disabled?: boolean;
+    error?: boolean;
+    required?: boolean;
+    name: string;
+    className?: string;
+    direction?: "horizontal" | "vertical";
+}
+interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "size"> {
+    label?: string;
+    error?: boolean;
+    errorMessage?: string;
+    required?: boolean;
+    size?: "sm" | "md" | "lg";
+    classInput?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    rows?: number;
+}
+
+declare const InputString: react.ForwardRefExoticComponent<InputStringProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const InputEmail: react.ForwardRefExoticComponent<InputEmailProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const InputPassword: react.ForwardRefExoticComponent<InputPasswordProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const InputNumber: react.ForwardRefExoticComponent<InputNumberProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const InputCPF: react.ForwardRefExoticComponent<InputCPFProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const InputCNPJ: react.ForwardRefExoticComponent<InputCNPJProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const InputPhone: react.ForwardRefExoticComponent<InputPhoneProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const InputCurrency: react.ForwardRefExoticComponent<InputCurrencyProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const InputCep: react.ForwardRefExoticComponent<InputCepProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const InputCheckbox: react.ForwardRefExoticComponent<InputCheckboxProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const InputRadio: react.ForwardRefExoticComponent<InputRadioProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+interface InputWrapperProps {
+    label?: string;
+    error?: boolean;
+    errorMessage?: string;
+    required?: boolean;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    children: ReactNode;
+    className?: string;
+    classContainer?: string;
+    htmlFor?: string;
+}
+declare const InputWrapper: react.ForwardRefExoticComponent<InputWrapperProps & react.RefAttributes<HTMLDivElement>>;
+
+declare function maskCPF(value: string): string;
+declare function maskCNPJ(value: string): string;
+declare function maskPhone(value: string): string;
+declare function maskCEP(value: string): string;
+declare function unmask(value: string): string;
+declare function maskCurrency(value: number, prefix?: string, decimalScale?: number): string;
+declare function unmaskCurrency(value: string): number;
+
+export { Avatar, type AvatarProps, Button, type ButtonProps, Card, type CardProps, type InputBaseProps, InputCNPJ, type InputCNPJProps, InputCPF, type InputCPFProps, InputCep, type InputCepProps, InputCheckbox, type InputCheckboxProps, InputCurrency, type InputCurrencyProps, InputEmail, type InputEmailProps, InputNumber, type InputNumberProps, InputPassword, type InputPasswordProps, InputPhone, type InputPhoneProps, InputRadio, type InputRadioOption, type InputRadioProps, InputString, type InputStringProps, InputWrapper, Modal, type ModalProps, Textarea, type TextareaProps, Tooltip, type TooltipProps as TooltipComponentProps, avatar, button, card, maskCEP, maskCNPJ, maskCPF, maskCurrency, maskPhone, modal, tooltip, unmask, unmaskCurrency };