@koaris/bloom-ui 1.2.5 → 1.3.0

package/dist/index.d.cts

@@ -66,7 +66,7 @@ interface CheckboxProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>
 }
 declare const Checkbox: ({ className, required, disabled }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
-type InputType = 'text' | 'password' | 'date' | 'cpf' | 'phone' | 'cnpj' | 'cep' | 'email';
+type InputType = 'text' | 'password' | 'date' | 'datePicker' | 'cpf' | 'phone' | 'cnpj' | 'cep' | 'email';
 interface PasswordValidation {
     hasEightCharacters: boolean;
     hasSpecialCharacters: boolean;
@@ -105,42 +105,81 @@ interface TextInputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInput
 }
 declare const TextInput: react.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-interface TextAreaProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+type TextAreaSize = 'sm' | 'md' | 'lg';
+type TextAreaVariant = 'primary' | 'secondary' | 'outline';
+type TextAreaType = 'text' | 'markdown' | 'code' | 'json';
+interface TextAreaProps extends Omit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'type'> {
     disabled?: boolean;
-    reference?: React.RefObject<HTMLTextAreaElement>;
     placeholder?: string;
     value?: string;
     validated?: boolean;
-    error: boolean;
+    error?: boolean;
     required?: boolean;
-    resize?: boolean;
-    type: 'text' | 'password' | 'date' | 'cpf' | 'phone' | 'cnpj' | 'cep';
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    type?: TextAreaType;
+    errorMessage?: string;
+    onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+    label?: string;
+    helperText?: string;
+    maxLength?: number;
+    minRows?: number;
+    maxRows?: number;
+    size?: TextAreaSize;
+    variant?: TextAreaVariant;
+    showCount?: boolean;
+    autoGrow?: boolean;
 }
-declare const TextArea: ({ className, disabled, reference, value, error, required, placeholder, resize, onClick, ...rest }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+declare const TextArea: react.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
 
-interface TextProps extends DetailedHTMLProps<HTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
+interface TextProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
     children: ReactNode;
-    color?: string;
+    color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'error' | 'info';
+    colorShade?: '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
     size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
-    tag?: 'p' | 'strong' | 'span' | 'label';
+    tag?: 'p' | 'span' | 'label' | 'strong' | 'em' | 'small' | 'div';
+    weight?: 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+    tracking?: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest';
+    leading?: 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
+    alignment?: 'left' | 'center' | 'right' | 'justify';
+    truncate?: boolean;
+    italic?: boolean;
+    uppercase?: boolean;
+    lowercase?: boolean;
+    capitalize?: boolean;
     htmlFor?: string;
 }
-declare const Text: ({ children, color, size, tag, className, ...rest }: TextProps) => react_jsx_runtime.JSX.Element;
+declare const Text: {
+    ({ children, color, colorShade, size, tag, weight, tracking, leading, alignment, truncate, italic, uppercase, lowercase, capitalize, className, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-interface HeadingProps extends DetailedHTMLProps<HTMLAttributes<HTMLHeadElement>, HTMLHeadElement> {
+interface HeadingProps extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
     children: React.ReactNode;
-    color?: string;
+    color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'error' | 'info';
+    colorShade?: '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
     size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
-    tag?: 'h1' | 'h2' | 'h3' | 'h4';
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+    tracking?: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest';
+    alignment?: 'left' | 'center' | 'right';
+    truncate?: boolean;
+    uppercase?: boolean;
 }
-declare const Heading: ({ children, color, size, tag, className, }: HeadingProps) => react_jsx_runtime.JSX.Element;
+declare const Heading: ({ children, color, colorShade, size, tag, weight, tracking, alignment, truncate, uppercase, className, ...rest }: HeadingProps) => react_jsx_runtime.JSX.Element;
 
+type BoxVariant = 'primary' | 'secondary' | 'ghost' | 'outline';
+type BoxSize = 'sm' | 'md' | 'lg' | 'xl';
 interface BoxProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     children: React.ReactNode;
-    tag?: 'div' | 'section' | 'article' | 'aside' | 'header' | 'footer';
-    variant?: 'primary' | 'secondary';
+    tag?: 'div' | 'section' | 'article' | 'aside' | 'header' | 'footer' | 'main' | 'nav';
+    variant?: BoxVariant;
+    size?: BoxSize;
+    elevated?: boolean;
+    hasBorder?: boolean;
+    isInteractive?: boolean;
+    fullWidth?: boolean;
 }
-declare const Box: ({ className, children, tag, variant, }: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const Box: react.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 interface FormProps extends DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> {
     children: React.ReactNode;
@@ -251,4 +290,4 @@ declare const ToastProvider: react__default.FC<{
     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 };
+export { Avatar, type AvatarProps, Box, type BoxProps, type BoxSize, type BoxVariant, 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, type TextAreaSize, type TextAreaType, type TextAreaVariant, 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

@@ -66,7 +66,7 @@ interface CheckboxProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>
 }
 declare const Checkbox: ({ className, required, disabled }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
-type InputType = 'text' | 'password' | 'date' | 'cpf' | 'phone' | 'cnpj' | 'cep' | 'email';
+type InputType = 'text' | 'password' | 'date' | 'datePicker' | 'cpf' | 'phone' | 'cnpj' | 'cep' | 'email';
 interface PasswordValidation {
     hasEightCharacters: boolean;
     hasSpecialCharacters: boolean;
@@ -105,42 +105,81 @@ interface TextInputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInput
 }
 declare const TextInput: react.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-interface TextAreaProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+type TextAreaSize = 'sm' | 'md' | 'lg';
+type TextAreaVariant = 'primary' | 'secondary' | 'outline';
+type TextAreaType = 'text' | 'markdown' | 'code' | 'json';
+interface TextAreaProps extends Omit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'type'> {
     disabled?: boolean;
-    reference?: React.RefObject<HTMLTextAreaElement>;
     placeholder?: string;
     value?: string;
     validated?: boolean;
-    error: boolean;
+    error?: boolean;
     required?: boolean;
-    resize?: boolean;
-    type: 'text' | 'password' | 'date' | 'cpf' | 'phone' | 'cnpj' | 'cep';
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    type?: TextAreaType;
+    errorMessage?: string;
+    onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+    label?: string;
+    helperText?: string;
+    maxLength?: number;
+    minRows?: number;
+    maxRows?: number;
+    size?: TextAreaSize;
+    variant?: TextAreaVariant;
+    showCount?: boolean;
+    autoGrow?: boolean;
 }
-declare const TextArea: ({ className, disabled, reference, value, error, required, placeholder, resize, onClick, ...rest }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+declare const TextArea: react.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
 
-interface TextProps extends DetailedHTMLProps<HTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
+interface TextProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
     children: ReactNode;
-    color?: string;
+    color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'error' | 'info';
+    colorShade?: '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
     size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
-    tag?: 'p' | 'strong' | 'span' | 'label';
+    tag?: 'p' | 'span' | 'label' | 'strong' | 'em' | 'small' | 'div';
+    weight?: 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+    tracking?: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest';
+    leading?: 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
+    alignment?: 'left' | 'center' | 'right' | 'justify';
+    truncate?: boolean;
+    italic?: boolean;
+    uppercase?: boolean;
+    lowercase?: boolean;
+    capitalize?: boolean;
     htmlFor?: string;
 }
-declare const Text: ({ children, color, size, tag, className, ...rest }: TextProps) => react_jsx_runtime.JSX.Element;
+declare const Text: {
+    ({ children, color, colorShade, size, tag, weight, tracking, leading, alignment, truncate, italic, uppercase, lowercase, capitalize, className, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-interface HeadingProps extends DetailedHTMLProps<HTMLAttributes<HTMLHeadElement>, HTMLHeadElement> {
+interface HeadingProps extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
     children: React.ReactNode;
-    color?: string;
+    color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'error' | 'info';
+    colorShade?: '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
     size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
-    tag?: 'h1' | 'h2' | 'h3' | 'h4';
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+    tracking?: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest';
+    alignment?: 'left' | 'center' | 'right';
+    truncate?: boolean;
+    uppercase?: boolean;
 }
-declare const Heading: ({ children, color, size, tag, className, }: HeadingProps) => react_jsx_runtime.JSX.Element;
+declare const Heading: ({ children, color, colorShade, size, tag, weight, tracking, alignment, truncate, uppercase, className, ...rest }: HeadingProps) => react_jsx_runtime.JSX.Element;
 
+type BoxVariant = 'primary' | 'secondary' | 'ghost' | 'outline';
+type BoxSize = 'sm' | 'md' | 'lg' | 'xl';
 interface BoxProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     children: React.ReactNode;
-    tag?: 'div' | 'section' | 'article' | 'aside' | 'header' | 'footer';
-    variant?: 'primary' | 'secondary';
+    tag?: 'div' | 'section' | 'article' | 'aside' | 'header' | 'footer' | 'main' | 'nav';
+    variant?: BoxVariant;
+    size?: BoxSize;
+    elevated?: boolean;
+    hasBorder?: boolean;
+    isInteractive?: boolean;
+    fullWidth?: boolean;
 }
-declare const Box: ({ className, children, tag, variant, }: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const Box: react.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 interface FormProps extends DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> {
     children: React.ReactNode;
@@ -251,4 +290,4 @@ declare const ToastProvider: react__default.FC<{
     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 };
+export { Avatar, type AvatarProps, Box, type BoxProps, type BoxSize, type BoxVariant, 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, type TextAreaSize, type TextAreaType, type TextAreaVariant, TextInput, type TextInputProps, type TextProps, Toast, ToastContainer, type ToastContainerProps, type ToastPosition, type ToastProps, ToastProvider, type ToastVariant, Toggle, type ToggleProps, toastService, useToast };