@lets-events/react 11.8.1 → 12.1.0

package/.eslintrc.json

@@ -1,3 +1,3 @@
-{
-  "extends": "@lets-events/eslint-config"
+{
+  "extends": "@lets-events/eslint-config"
 }

package/.turbo/turbo-build.log

@@ -1,18 +1,21 @@
-
-> @lets-events/react@11.8.1 build
-> tsup src/index.tsx  --format esm,cjs --dts --external react
-
-CLI Building entry: src/index.tsx
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.4.0
-CLI Target: es6
-ESM Build start
-CJS Build start
-DTS Build start
-ESM dist\index.mjs 323.44 KB
-ESM ⚡️ Build success in 653ms
-CJS dist\index.js 335.78 KB
-CJS ⚡️ Build success in 654ms
-DTS ⚡️ Build success in 4387ms
-DTS dist\index.d.mts 374.64 KB
-DTS dist\index.d.ts  374.64 KB
+
+
+> @lets-events/react@12.1.0 build
+> tsup src/index.tsx  --format esm,cjs --dts --external react
+
+CLI Building entry: src/index.tsx
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.0
+CLI Using tsup config: /home/bia_c/lets/design-system/packages/react/tsup.config.ts
+CLI Target: es6
+ESM Build start
+CJS Build start
+ESM dist/index.mjs 350.46 KB
+ESM ⚡️ Build success in 306ms
+CJS dist/index.js 364.05 KB
+CJS ⚡️ Build success in 316ms
+DTS Build start
+DTS ⚡️ Build success in 6185ms
+DTS dist/index.d.mts 379.16 KB
+DTS dist/index.d.ts  379.16 KB
+⠙

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.1.0
+
+### Minor Changes
+
+- MultSelect, RG and RichEditor adjustment
+
+## 12.0.0
+
+### Major Changes
+
+- RichEditor
+
 ## 11.8.1
 
 ### Patch Changes

package/dist/index.d.mts

@@ -13,7 +13,7 @@ import { VariantProps } from '@stitches/react';
 import { MaskOptions, format, unformat } from '@react-input/mask';
 import { Dialog } from 'radix-ui';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { FieldError, Merge, FieldErrorsImpl, FieldValues, UseFormProps, SubmitHandler, UseFormReturn, useForm } from 'react-hook-form';
+import { FieldError, Merge, FieldErrorsImpl, FieldValues, UseFormProps, SubmitHandler, UseFormReturn, useForm, RegisterOptions } from 'react-hook-form';
 
 interface IconProps extends Omit<FontAwesomeIconProps, "icon" | "size"> {
     name: IconName;
@@ -2690,6 +2690,7 @@ type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
     fontWeight?: "regular" | "medium" | "semibold" | "bold";
     textAlign?: "left" | "right" | "center";
     mask?: MaskOptions;
+    hasError?: boolean;
 };
 type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color"> & {
     placeholder?: string;
@@ -4289,7 +4290,9 @@ type MenuDropdownProps = HTMLAttributes<HTMLDivElement> & {
 };
 declare function MenuDropdown({ children, isOpen, setIsOpen, }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
 
-declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
+    expand?: boolean | "true" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -4664,11 +4667,14 @@ type CalendarProps = ComponentProps<typeof CalendarStyled> & {
     calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
     selected: Date | undefined;
     setSelected: React__default.Dispatch<React__default.SetStateAction<Date | undefined>>;
-    position?: "top" | "bottom";
+    position?: "top" | "bottom" | "top-right" | "bottom-right";
     action?: boolean;
     actionText?: string;
+    hasError?: boolean;
+    expand?: boolean;
+    allowPastDates?: boolean;
 };
-declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -5051,7 +5057,9 @@ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
 };
 declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
 
-declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
+    expand?: boolean | "true" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -6901,7 +6909,9 @@ declare const InputStyled: _stitches_react_types_styled_component.StyledComponen
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {
+    expand?: boolean | "true" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -7274,9 +7284,11 @@ declare const TimePickerButtonStyled: _stitches_react_types_styled_component.Sty
 type TimePickerProps = {
     selected: string | undefined;
     setSelected: React__default.Dispatch<React__default.SetStateAction<string | undefined>>;
-    position?: "bottom" | "top";
+    position?: "bottom" | "top" | "top-right" | "bottom-right";
+    hasError?: boolean;
+    expand?: boolean;
 };
-declare function TimePicker({ selected, setSelected, position, }: TimePickerProps): react_jsx_runtime.JSX.Element;
+declare function TimePicker({ selected, setSelected, position, hasError, expand, }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
 declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.ContentProps & React$1.RefAttributes<HTMLDivElement>>, {
     color?: "info" | "warning" | "error" | "success" | undefined;
@@ -12598,7 +12610,9 @@ type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
     zIndex?: string;
     showSelectedValues?: boolean;
     singleSelect?: boolean;
+    selectedOrientation?: "row" | "column";
     disabled?: boolean;
+    maxHeight?: string;
 };
 declare const MultiSelect: React__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -14152,8 +14166,10 @@ type TextAreaFormFieldProps = TextareaFieldProps & {
     label?: string;
     required?: boolean;
     placeholder?: string;
+    validate?: (value: string) => boolean | string;
+    validationErrorMessage?: string;
 };
-declare const TextAreaFormField: ({ name, label, required, placeholder, ...props }: TextAreaFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const TextAreaFormField: ({ name, label, required, placeholder, validate, validationErrorMessage, ...props }: TextAreaFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type TextFormFieldProps = TextFieldProps & {
     name: string;
@@ -14180,8 +14196,11 @@ type MultiSelectFormFieldProps = MultiSelectProps & {
     name: string;
     label?: string;
     required?: boolean;
+    selectedOrientation?: "row" | "column";
+    zIndex?: string;
+    maxHeight?: string;
 };
-declare const MultiSelectFormField: ({ name, label, required, ...rest }: MultiSelectFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelectFormField: ({ name, label, required, selectedOrientation, zIndex, maxHeight, ...rest }: MultiSelectFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type PhoneFormFieldProps = {
     name: string;
@@ -14308,4 +14327,113 @@ type EmailFormFieldProps = {
 };
 declare const EmailFormField: ({ name, label, required, placeholder, }: EmailFormFieldProps) => react_jsx_runtime.JSX.Element;
 
-export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, isValidCNPJ, maskFormat, maskUnformat, useToast };
+interface UploadConfig$1 {
+    apiUrl: string;
+    s3Bucket: string;
+    s3Region: string;
+    s3Url: string;
+    timeout?: number;
+    maxFileSize?: number;
+    endpoints?: {
+        presignedUrl: string;
+        upload: string;
+    };
+}
+interface RichEditorProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    uploadConfig: UploadConfig$1;
+}
+declare const RichEditor: (props: RichEditorProps) => react_jsx_runtime.JSX.Element;
+
+type RichEditorFormFieldProps = Omit<RichEditorProps, "value" | "onChange"> & {
+    name: string;
+    label?: string;
+    required?: boolean;
+    validate?: (value: string) => boolean | string;
+    validationErrorMessage?: string;
+    uploadConfig: RichEditorProps["uploadConfig"];
+};
+declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;
+
+type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> & {
+    name: string;
+    label?: string;
+    required?: boolean;
+    validate?: (value: Date | undefined) => boolean | string;
+    validationErrorMessage?: string;
+    rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
+    allowPastDates?: boolean;
+};
+declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
+
+type TimePickerFormFieldProps = Omit<TimePickerProps, "selected" | "setSelected"> & {
+    name: string;
+    label?: string;
+    required?: boolean;
+    validate?: (value: string | undefined) => boolean | string;
+    validationErrorMessage?: string;
+    rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
+};
+declare const TimePickerFormField: ({ name, label, required, validate, validationErrorMessage, rules, ...timePickerProps }: TimePickerFormFieldProps) => react_jsx_runtime.JSX.Element;
+
+interface UploadConfig {
+    apiUrl: string;
+    s3Bucket: string;
+    s3Region: string;
+    s3Url: string;
+    timeout?: number;
+    maxFileSize?: number;
+    endpoints?: {
+        presignedUrl: string;
+        upload: string;
+    };
+}
+interface UploadResponse {
+    url: string;
+    filename: string;
+    size: number;
+    type: string;
+}
+interface UploadProgress$1 {
+    amount: number;
+    message: string;
+}
+declare class UploadService {
+    static getPresignedUrl(filename: string, contentType: string, config: UploadConfig): Promise<string>;
+    static uploadToS3(file: File, config: UploadConfig, onProgress?: (progress: UploadProgress$1) => void): Promise<UploadResponse>;
+    static uploadViaAPI(file: File, config: UploadConfig, onProgress?: (progress: UploadProgress$1) => void): Promise<UploadResponse>;
+}
+
+interface UploadProgress {
+    amount: number;
+    message: string;
+}
+interface UploadedFile {
+    url: string;
+    filename: string;
+    size: number;
+    type: string;
+}
+interface UseImageUploadOptions {
+    onSuccess?: (file: UploadedFile) => void;
+    onError?: (error: string) => void;
+    onProgress?: (progress: UploadProgress) => void;
+    maxFileSize?: number;
+    allowedTypes?: string[];
+    uploadConfig: UploadConfig;
+}
+declare const useImageUpload: (options: UseImageUploadOptions) => {
+    uploadFile: (file: File) => Promise<UploadedFile | null>;
+    isUploading: boolean;
+    progress: UploadProgress | null;
+    error: string | null;
+    reset: () => void;
+};
+
+export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, CalendarFormField, type CalendarFormFieldProps, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, RichEditor, RichEditorFormField, type RichEditorFormFieldProps, type RichEditorProps, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, TimePickerFormField, type TimePickerFormFieldProps, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UploadConfig, UploadService, isValidCNPJ, maskFormat, maskUnformat, useImageUpload, useToast };

package/dist/index.d.ts

@@ -13,7 +13,7 @@ import { VariantProps } from '@stitches/react';
 import { MaskOptions, format, unformat } from '@react-input/mask';
 import { Dialog } from 'radix-ui';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { FieldError, Merge, FieldErrorsImpl, FieldValues, UseFormProps, SubmitHandler, UseFormReturn, useForm } from 'react-hook-form';
+import { FieldError, Merge, FieldErrorsImpl, FieldValues, UseFormProps, SubmitHandler, UseFormReturn, useForm, RegisterOptions } from 'react-hook-form';
 
 interface IconProps extends Omit<FontAwesomeIconProps, "icon" | "size"> {
     name: IconName;
@@ -2690,6 +2690,7 @@ type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
     fontWeight?: "regular" | "medium" | "semibold" | "bold";
     textAlign?: "left" | "right" | "center";
     mask?: MaskOptions;
+    hasError?: boolean;
 };
 type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color"> & {
     placeholder?: string;
@@ -4289,7 +4290,9 @@ type MenuDropdownProps = HTMLAttributes<HTMLDivElement> & {
 };
 declare function MenuDropdown({ children, isOpen, setIsOpen, }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
 
-declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
+    expand?: boolean | "true" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -4664,11 +4667,14 @@ type CalendarProps = ComponentProps<typeof CalendarStyled> & {
     calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
     selected: Date | undefined;
     setSelected: React__default.Dispatch<React__default.SetStateAction<Date | undefined>>;
-    position?: "top" | "bottom";
+    position?: "top" | "bottom" | "top-right" | "bottom-right";
     action?: boolean;
     actionText?: string;
+    hasError?: boolean;
+    expand?: boolean;
+    allowPastDates?: boolean;
 };
-declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -5051,7 +5057,9 @@ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
 };
 declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
 
-declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
+    expand?: boolean | "true" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -6901,7 +6909,9 @@ declare const InputStyled: _stitches_react_types_styled_component.StyledComponen
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {
+    expand?: boolean | "true" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -7274,9 +7284,11 @@ declare const TimePickerButtonStyled: _stitches_react_types_styled_component.Sty
 type TimePickerProps = {
     selected: string | undefined;
     setSelected: React__default.Dispatch<React__default.SetStateAction<string | undefined>>;
-    position?: "bottom" | "top";
+    position?: "bottom" | "top" | "top-right" | "bottom-right";
+    hasError?: boolean;
+    expand?: boolean;
 };
-declare function TimePicker({ selected, setSelected, position, }: TimePickerProps): react_jsx_runtime.JSX.Element;
+declare function TimePicker({ selected, setSelected, position, hasError, expand, }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
 declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.ContentProps & React$1.RefAttributes<HTMLDivElement>>, {
     color?: "info" | "warning" | "error" | "success" | undefined;
@@ -12598,7 +12610,9 @@ type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
     zIndex?: string;
     showSelectedValues?: boolean;
     singleSelect?: boolean;
+    selectedOrientation?: "row" | "column";
     disabled?: boolean;
+    maxHeight?: string;
 };
 declare const MultiSelect: React__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -14152,8 +14166,10 @@ type TextAreaFormFieldProps = TextareaFieldProps & {
     label?: string;
     required?: boolean;
     placeholder?: string;
+    validate?: (value: string) => boolean | string;
+    validationErrorMessage?: string;
 };
-declare const TextAreaFormField: ({ name, label, required, placeholder, ...props }: TextAreaFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const TextAreaFormField: ({ name, label, required, placeholder, validate, validationErrorMessage, ...props }: TextAreaFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type TextFormFieldProps = TextFieldProps & {
     name: string;
@@ -14180,8 +14196,11 @@ type MultiSelectFormFieldProps = MultiSelectProps & {
     name: string;
     label?: string;
     required?: boolean;
+    selectedOrientation?: "row" | "column";
+    zIndex?: string;
+    maxHeight?: string;
 };
-declare const MultiSelectFormField: ({ name, label, required, ...rest }: MultiSelectFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelectFormField: ({ name, label, required, selectedOrientation, zIndex, maxHeight, ...rest }: MultiSelectFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type PhoneFormFieldProps = {
     name: string;
@@ -14308,4 +14327,113 @@ type EmailFormFieldProps = {
 };
 declare const EmailFormField: ({ name, label, required, placeholder, }: EmailFormFieldProps) => react_jsx_runtime.JSX.Element;
 
-export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, isValidCNPJ, maskFormat, maskUnformat, useToast };
+interface UploadConfig$1 {
+    apiUrl: string;
+    s3Bucket: string;
+    s3Region: string;
+    s3Url: string;
+    timeout?: number;
+    maxFileSize?: number;
+    endpoints?: {
+        presignedUrl: string;
+        upload: string;
+    };
+}
+interface RichEditorProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    uploadConfig: UploadConfig$1;
+}
+declare const RichEditor: (props: RichEditorProps) => react_jsx_runtime.JSX.Element;
+
+type RichEditorFormFieldProps = Omit<RichEditorProps, "value" | "onChange"> & {
+    name: string;
+    label?: string;
+    required?: boolean;
+    validate?: (value: string) => boolean | string;
+    validationErrorMessage?: string;
+    uploadConfig: RichEditorProps["uploadConfig"];
+};
+declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;
+
+type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> & {
+    name: string;
+    label?: string;
+    required?: boolean;
+    validate?: (value: Date | undefined) => boolean | string;
+    validationErrorMessage?: string;
+    rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
+    allowPastDates?: boolean;
+};
+declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
+
+type TimePickerFormFieldProps = Omit<TimePickerProps, "selected" | "setSelected"> & {
+    name: string;
+    label?: string;
+    required?: boolean;
+    validate?: (value: string | undefined) => boolean | string;
+    validationErrorMessage?: string;
+    rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
+};
+declare const TimePickerFormField: ({ name, label, required, validate, validationErrorMessage, rules, ...timePickerProps }: TimePickerFormFieldProps) => react_jsx_runtime.JSX.Element;
+
+interface UploadConfig {
+    apiUrl: string;
+    s3Bucket: string;
+    s3Region: string;
+    s3Url: string;
+    timeout?: number;
+    maxFileSize?: number;
+    endpoints?: {
+        presignedUrl: string;
+        upload: string;
+    };
+}
+interface UploadResponse {
+    url: string;
+    filename: string;
+    size: number;
+    type: string;
+}
+interface UploadProgress$1 {
+    amount: number;
+    message: string;
+}
+declare class UploadService {
+    static getPresignedUrl(filename: string, contentType: string, config: UploadConfig): Promise<string>;
+    static uploadToS3(file: File, config: UploadConfig, onProgress?: (progress: UploadProgress$1) => void): Promise<UploadResponse>;
+    static uploadViaAPI(file: File, config: UploadConfig, onProgress?: (progress: UploadProgress$1) => void): Promise<UploadResponse>;
+}
+
+interface UploadProgress {
+    amount: number;
+    message: string;
+}
+interface UploadedFile {
+    url: string;
+    filename: string;
+    size: number;
+    type: string;
+}
+interface UseImageUploadOptions {
+    onSuccess?: (file: UploadedFile) => void;
+    onError?: (error: string) => void;
+    onProgress?: (progress: UploadProgress) => void;
+    maxFileSize?: number;
+    allowedTypes?: string[];
+    uploadConfig: UploadConfig;
+}
+declare const useImageUpload: (options: UseImageUploadOptions) => {
+    uploadFile: (file: File) => Promise<UploadedFile | null>;
+    isUploading: boolean;
+    progress: UploadProgress | null;
+    error: string | null;
+    reset: () => void;
+};
+
+export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, CalendarFormField, type CalendarFormFieldProps, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, RichEditor, RichEditorFormField, type RichEditorFormFieldProps, type RichEditorProps, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, TimePickerFormField, type TimePickerFormFieldProps, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UploadConfig, UploadService, isValidCNPJ, maskFormat, maskUnformat, useImageUpload, useToast };