@koaris/bloom-ui 1.2.1 → 1.2.3

package/dist/index.d.cts

@@ -1,32 +1,41 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ReactNode, FormHTMLAttributes } from 'react';
+import * as React$1 from 'react';
+import React__default, { DetailedHTMLProps, HTMLAttributes, ReactNode, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, FormHTMLAttributes } from 'react';
 
-/**
- * Primary UI component for user interaction
- */
-interface CardProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, // Change the type to HTMLDivElement
-HTMLDivElement> {
+type CardSize = 'small' | 'medium' | 'large' | 'full';
+type CardDirection = 'row' | 'col';
+interface CardProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'title' | 'content'> {
     selected?: boolean;
     disabled?: boolean;
-    direction?: string;
-    size?: string;
-    imageSize: string;
+    direction?: CardDirection;
+    size?: CardSize;
     image?: string;
+    imageSize?: string;
+    imageAlt?: string;
+    title?: ReactNode;
+    content?: ReactNode;
     onClick?: () => void;
+    footer?: ReactNode;
+    hoverable?: boolean;
 }
-declare const Card: ({ className, selected, direction, size, disabled, imageSize, onClick, ...rest }: CardProps) => react_jsx_runtime.JSX.Element;
+declare const Card: {
+    ({ className, selected, direction, size, disabled, image, imageSize, imageAlt, title, content, onClick, footer, hoverable, ...rest }: CardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-/**
- * Primary UI component for user interaction
- */
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';
 interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    size?: 'sm' | 'md';
-    variant?: 'primary' | 'secondary';
+    size?: ButtonSize;
+    variant?: ButtonVariant;
     disabled?: boolean;
-    children: string | JSX.Element;
+    loading?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    fullWidth?: boolean;
+    children: ReactNode;
 }
-declare const Button: ({ className, variant, size, disabled, onClick, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Primary UI component for user interaction
@@ -57,19 +66,26 @@ interface CheckboxProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>
 }
 declare const Checkbox: ({ className, required, disabled }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * Primary UI component for user interaction
- */
-interface InputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+type InputType = 'text' | 'password' | 'date' | 'cpf' | 'phone' | 'cnpj' | 'cep';
+interface PasswordValidation {
+    hasEightCharacters: boolean;
+    hasSpecialCharacters: boolean;
+    hasNumber: boolean;
+}
+interface InputProps extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type'> {
     disabled?: boolean;
     placeholder?: string;
     value?: string;
     validated?: boolean;
-    error: boolean;
+    error?: boolean;
     required?: boolean;
-    type: 'text' | 'password' | 'date' | 'cpf' | 'phone' | 'cnpj' | 'cep';
+    type: InputType;
+    errorMessage?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    label?: string;
+    helperText?: string;
 }
-declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+declare const Input: React$1.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
 interface TextInputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
     disabled?: boolean;
@@ -82,7 +98,7 @@ interface TextInputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInput
     required?: boolean;
     type: 'text' | 'password' | 'date' | 'cpf' | 'phone' | 'cnpj' | 'cep';
 }
-declare const TextInput: react.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+declare const TextInput: React$1.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
 interface TextAreaProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
     disabled?: boolean;
@@ -142,4 +158,83 @@ interface MultiStepProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement
 }
 declare const MultiStep: ({ className, size, currentStep }: MultiStepProps) => react_jsx_runtime.JSX.Element;
 
-export { Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Form, type FormProps, Heading, type HeadingProps, Input, type InputProps, Link, type LinkProps, MultiStep, type MultiStepProps, RadioGroup, type RadioGroupProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps };
+interface ToggleProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    disabled?: boolean;
+    active: boolean;
+    label: string;
+    setActive: (active: boolean) => void;
+    size?: 'sm' | 'md' | 'lg';
+    hideLabel?: boolean;
+    id?: string;
+}
+declare const Toggle: ({ className, disabled, active, label, setActive, size, hideLabel, id, ...rest }: ToggleProps) => react_jsx_runtime.JSX.Element;
+
+interface SkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    rounded?: boolean;
+    circle?: boolean;
+    animate?: boolean;
+    className?: string;
+}
+declare const Skeleton: React__default.FC<SkeletonProps>;
+
+type LoadingSize = 'xs' | 'sm' | 'md' | 'lg';
+type LoadingColor = 'primary' | 'secondary' | 'white' | 'black' | 'gray';
+interface LoadingProps {
+    size?: LoadingSize;
+    color?: LoadingColor;
+    withText?: boolean;
+    text?: string;
+    centered?: boolean;
+    className?: string;
+}
+declare const Loading: React__default.FC<LoadingProps>;
+
+interface ModalProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    children: ReactNode;
+    showCloseButton?: boolean;
+    closeOnOutsideClick?: boolean;
+    closeOnEsc?: boolean;
+    footer?: ReactNode;
+}
+declare const Modal: ({ className, isOpen, onClose, title, size, children, showCloseButton, closeOnOutsideClick, closeOnEsc, footer, ...rest }: ModalProps) => react_jsx_runtime.JSX.Element | null;
+
+type ToastVariant = 'success' | 'error' | 'warning' | 'info';
+type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+interface ToastProps {
+    id: string;
+    message: string;
+    title?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    showCloseButton?: boolean;
+    onDismiss?: (id: string) => void;
+    className?: string;
+}
+interface ToastContainerProps {
+    position?: ToastPosition;
+    className?: string;
+}
+declare const Toast: React__default.FC<ToastProps>;
+declare const ToastContainer: React__default.FC<ToastContainerProps & {
+    children?: React__default.ReactNode;
+}>;
+type ToastItem = Omit<ToastProps, 'onDismiss'>;
+interface ToastContextType {
+    showToast: (toast: Omit<ToastItem, 'id'>) => string;
+    hideToast: (id: string) => void;
+    clearToasts: () => void;
+}
+declare const ToastContext: React__default.Context<ToastContextType | undefined>;
+declare const ToastProvider: React__default.FC<{
+    position?: ToastPosition;
+    children: React__default.ReactNode;
+}>;
+declare const useToast: () => ToastContextType;
+
+export { Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardDirection, type CardProps, type CardSize, Checkbox, type CheckboxProps, Form, type FormProps, Heading, type HeadingProps, Input, type InputProps, type InputType, Link, type LinkProps, Loading, type LoadingColor, type LoadingProps, type LoadingSize, Modal, type ModalProps, MultiStep, type MultiStepProps, type PasswordValidation, RadioGroup, type RadioGroupProps, Skeleton, type SkeletonProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Toast, ToastContainer, type ToastContainerProps, ToastContext, type ToastPosition, type ToastProps, ToastProvider, type ToastVariant, Toggle, type ToggleProps, useToast };

package/dist/index.d.ts

@@ -1,32 +1,41 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ReactNode, FormHTMLAttributes } from 'react';
+import * as React$1 from 'react';
+import React__default, { DetailedHTMLProps, HTMLAttributes, ReactNode, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, FormHTMLAttributes } from 'react';
 
-/**
- * Primary UI component for user interaction
- */
-interface CardProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, // Change the type to HTMLDivElement
-HTMLDivElement> {
+type CardSize = 'small' | 'medium' | 'large' | 'full';
+type CardDirection = 'row' | 'col';
+interface CardProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'title' | 'content'> {
     selected?: boolean;
     disabled?: boolean;
-    direction?: string;
-    size?: string;
-    imageSize: string;
+    direction?: CardDirection;
+    size?: CardSize;
     image?: string;
+    imageSize?: string;
+    imageAlt?: string;
+    title?: ReactNode;
+    content?: ReactNode;
     onClick?: () => void;
+    footer?: ReactNode;
+    hoverable?: boolean;
 }
-declare const Card: ({ className, selected, direction, size, disabled, imageSize, onClick, ...rest }: CardProps) => react_jsx_runtime.JSX.Element;
+declare const Card: {
+    ({ className, selected, direction, size, disabled, image, imageSize, imageAlt, title, content, onClick, footer, hoverable, ...rest }: CardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-/**
- * Primary UI component for user interaction
- */
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';
 interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    size?: 'sm' | 'md';
-    variant?: 'primary' | 'secondary';
+    size?: ButtonSize;
+    variant?: ButtonVariant;
     disabled?: boolean;
-    children: string | JSX.Element;
+    loading?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    fullWidth?: boolean;
+    children: ReactNode;
 }
-declare const Button: ({ className, variant, size, disabled, onClick, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Primary UI component for user interaction
@@ -57,19 +66,26 @@ interface CheckboxProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>
 }
 declare const Checkbox: ({ className, required, disabled }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * Primary UI component for user interaction
- */
-interface InputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+type InputType = 'text' | 'password' | 'date' | 'cpf' | 'phone' | 'cnpj' | 'cep';
+interface PasswordValidation {
+    hasEightCharacters: boolean;
+    hasSpecialCharacters: boolean;
+    hasNumber: boolean;
+}
+interface InputProps extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type'> {
     disabled?: boolean;
     placeholder?: string;
     value?: string;
     validated?: boolean;
-    error: boolean;
+    error?: boolean;
     required?: boolean;
-    type: 'text' | 'password' | 'date' | 'cpf' | 'phone' | 'cnpj' | 'cep';
+    type: InputType;
+    errorMessage?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    label?: string;
+    helperText?: string;
 }
-declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+declare const Input: React$1.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
 interface TextInputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
     disabled?: boolean;
@@ -82,7 +98,7 @@ interface TextInputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInput
     required?: boolean;
     type: 'text' | 'password' | 'date' | 'cpf' | 'phone' | 'cnpj' | 'cep';
 }
-declare const TextInput: react.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+declare const TextInput: React$1.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
 interface TextAreaProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
     disabled?: boolean;
@@ -142,4 +158,83 @@ interface MultiStepProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement
 }
 declare const MultiStep: ({ className, size, currentStep }: MultiStepProps) => react_jsx_runtime.JSX.Element;
 
-export { Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Form, type FormProps, Heading, type HeadingProps, Input, type InputProps, Link, type LinkProps, MultiStep, type MultiStepProps, RadioGroup, type RadioGroupProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps };
+interface ToggleProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    disabled?: boolean;
+    active: boolean;
+    label: string;
+    setActive: (active: boolean) => void;
+    size?: 'sm' | 'md' | 'lg';
+    hideLabel?: boolean;
+    id?: string;
+}
+declare const Toggle: ({ className, disabled, active, label, setActive, size, hideLabel, id, ...rest }: ToggleProps) => react_jsx_runtime.JSX.Element;
+
+interface SkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    rounded?: boolean;
+    circle?: boolean;
+    animate?: boolean;
+    className?: string;
+}
+declare const Skeleton: React__default.FC<SkeletonProps>;
+
+type LoadingSize = 'xs' | 'sm' | 'md' | 'lg';
+type LoadingColor = 'primary' | 'secondary' | 'white' | 'black' | 'gray';
+interface LoadingProps {
+    size?: LoadingSize;
+    color?: LoadingColor;
+    withText?: boolean;
+    text?: string;
+    centered?: boolean;
+    className?: string;
+}
+declare const Loading: React__default.FC<LoadingProps>;
+
+interface ModalProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    children: ReactNode;
+    showCloseButton?: boolean;
+    closeOnOutsideClick?: boolean;
+    closeOnEsc?: boolean;
+    footer?: ReactNode;
+}
+declare const Modal: ({ className, isOpen, onClose, title, size, children, showCloseButton, closeOnOutsideClick, closeOnEsc, footer, ...rest }: ModalProps) => react_jsx_runtime.JSX.Element | null;
+
+type ToastVariant = 'success' | 'error' | 'warning' | 'info';
+type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+interface ToastProps {
+    id: string;
+    message: string;
+    title?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    showCloseButton?: boolean;
+    onDismiss?: (id: string) => void;
+    className?: string;
+}
+interface ToastContainerProps {
+    position?: ToastPosition;
+    className?: string;
+}
+declare const Toast: React__default.FC<ToastProps>;
+declare const ToastContainer: React__default.FC<ToastContainerProps & {
+    children?: React__default.ReactNode;
+}>;
+type ToastItem = Omit<ToastProps, 'onDismiss'>;
+interface ToastContextType {
+    showToast: (toast: Omit<ToastItem, 'id'>) => string;
+    hideToast: (id: string) => void;
+    clearToasts: () => void;
+}
+declare const ToastContext: React__default.Context<ToastContextType | undefined>;
+declare const ToastProvider: React__default.FC<{
+    position?: ToastPosition;
+    children: React__default.ReactNode;
+}>;
+declare const useToast: () => ToastContextType;
+
+export { Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardDirection, type CardProps, type CardSize, Checkbox, type CheckboxProps, Form, type FormProps, Heading, type HeadingProps, Input, type InputProps, type InputType, Link, type LinkProps, Loading, type LoadingColor, type LoadingProps, type LoadingSize, Modal, type ModalProps, MultiStep, type MultiStepProps, type PasswordValidation, RadioGroup, type RadioGroupProps, Skeleton, type SkeletonProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Toast, ToastContainer, type ToastContainerProps, ToastContext, type ToastPosition, type ToastProps, ToastProvider, type ToastVariant, Toggle, type ToggleProps, useToast };