@koaris/bloom-ui 1.2.2 → 1.2.4

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 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.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Primary UI component for user interaction
@@ -57,17 +66,29 @@ 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' | 'email';
+interface PasswordValidation {
+    hasEightCharacters: boolean;
+    hasSpecialCharacters: boolean;
+    hasNumber: boolean;
+}
+interface PhoneFormat {
+    countryCode: string;
+    format: string;
+}
+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;
+    countryCode?: string;
 }
 declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
@@ -142,4 +163,92 @@ 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 class ToastService {
+    private static instance;
+    private listeners;
+    private toasts;
+    private constructor();
+    static getInstance(): ToastService;
+    subscribe(listener: (toasts: ToastProps[]) => void): () => void;
+    private notify;
+    showToast(toast: Omit<ToastProps, 'id' | 'onDismiss'>): string;
+    hideToast(id: string): void;
+    clearToasts(): void;
+    getToasts(): ToastProps[];
+}
+declare const toastService: ToastService;
+declare const Toast: react__default.FC<ToastProps>;
+declare const ToastContainer: react__default.FC<ToastContainerProps>;
+declare const useToast: () => {
+    showToast: (toast: Omit<ToastProps, "id" | "onDismiss">) => string;
+    hideToast: (id: string) => void;
+    clearToasts: () => void;
+};
+declare const ToastProvider: react__default.FC<{
+    position?: ToastPosition;
+    children: react__default.ReactNode;
+}>;
+
+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, type PhoneFormat, RadioGroup, type RadioGroupProps, Skeleton, type SkeletonProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Toast, ToastContainer, type ToastContainerProps, type ToastPosition, type ToastProps, ToastProvider, type ToastVariant, Toggle, type ToggleProps, toastService, 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 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.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Primary UI component for user interaction
@@ -57,17 +66,29 @@ 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' | 'email';
+interface PasswordValidation {
+    hasEightCharacters: boolean;
+    hasSpecialCharacters: boolean;
+    hasNumber: boolean;
+}
+interface PhoneFormat {
+    countryCode: string;
+    format: string;
+}
+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;
+    countryCode?: string;
 }
 declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
@@ -142,4 +163,92 @@ 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 class ToastService {
+    private static instance;
+    private listeners;
+    private toasts;
+    private constructor();
+    static getInstance(): ToastService;
+    subscribe(listener: (toasts: ToastProps[]) => void): () => void;
+    private notify;
+    showToast(toast: Omit<ToastProps, 'id' | 'onDismiss'>): string;
+    hideToast(id: string): void;
+    clearToasts(): void;
+    getToasts(): ToastProps[];
+}
+declare const toastService: ToastService;
+declare const Toast: react__default.FC<ToastProps>;
+declare const ToastContainer: react__default.FC<ToastContainerProps>;
+declare const useToast: () => {
+    showToast: (toast: Omit<ToastProps, "id" | "onDismiss">) => string;
+    hideToast: (id: string) => void;
+    clearToasts: () => void;
+};
+declare const ToastProvider: react__default.FC<{
+    position?: ToastPosition;
+    children: react__default.ReactNode;
+}>;
+
+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, type PhoneFormat, RadioGroup, type RadioGroupProps, Skeleton, type SkeletonProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Toast, ToastContainer, type ToastContainerProps, type ToastPosition, type ToastProps, ToastProvider, type ToastVariant, Toggle, type ToggleProps, toastService, useToast };