nexaas-ui-components 1.0.78 → 1.0.80

package/dist/index.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { JSX, ComponentType, AnchorHTMLAttributes, DetailedHTMLProps, InputHTMLAttributes, HTMLInputTypeAttribute, ReactNode, KeyboardEventHandler, MutableRefObject, TextareaHTMLAttributes } from 'react';
 import { UseFormRegisterReturn, Merge, FieldError, FieldErrorsImpl, Control } from 'react-hook-form';
@@ -19,26 +18,38 @@ declare const sizes$2: {
     xxs: {
         text: string;
         icon: string;
+        gap: string;
+        spinner: string;
     };
     xxsm: {
         text: string;
         icon: string;
+        gap: string;
+        spinner: string;
     };
     xs: {
         text: string;
         icon: string;
+        gap: string;
+        spinner: string;
     };
     sm: {
         text: string;
         icon: string;
+        gap: string;
+        spinner: string;
     };
     md: {
         text: string;
         icon: string;
+        gap: string;
+        spinner: string;
     };
     lg: {
         text: string;
         icon: string;
+        gap: string;
+        spinner: string;
     };
 };
 declare const variants$3: {
@@ -87,8 +98,20 @@ declare const variants$3: {
     ghost: {
         text: string;
     };
+    iconPrimary: {
+        text: string;
+    };
+    iconDanger: {
+        text: string;
+    };
+    ghostIcon: {
+        text: string;
+    };
+    onColorText: {
+        text: string;
+    };
 };
-declare const Button: ({ variant, size, hotkey, hotkeyPosition, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ variant, size, hotkey, hotkeyPosition, ...props }: ButtonProps) => JSX.Element;
 
 type LinkProp = AnchorHTMLAttributes<HTMLAnchorElement> & {
     icon?: JSX.Element;
@@ -201,7 +224,7 @@ type InputFieldProps$1 = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>
     onClear?: () => void;
     hideInput?: boolean;
 };
-declare const Input: ({ label, type, registration, onClick, error, onBlur, inputProps, icon, clearField, name, required, disabled, value, placeholder, defaultValue, onKeyUp, onKeyDown, onClear, hideInput, onChange, ref, }: InputFieldProps$1) => react_jsx_runtime.JSX.Element;
+declare const Input: ({ label, type, registration, onClick, error, onBlur, inputProps, icon, clearField, name, required, disabled, value, placeholder, defaultValue, onKeyUp, onKeyDown, onClear, hideInput, onChange, ref, }: InputFieldProps$1) => JSX.Element;
 
 declare const Logo: React__default.FC<{
     className?: string;
@@ -211,7 +234,7 @@ declare const SpinnerIcon: React__default.FC<React__default.SVGProps<SVGSVGEleme
 
 declare const RocketIcon: React__default.FC<React__default.SVGProps<SVGSVGElement>>;
 
-interface Props$7 {
+interface Props$8 {
     icon?: JSX.Element;
     label: string;
     registration?: UseFormRegisterReturn;
@@ -230,7 +253,7 @@ interface Props$7 {
     onClear?: () => void;
     popoverOffset?: [number, number];
 }
-declare const DatePickerInput: React.ForwardRefExoticComponent<Props$7 & React.RefAttributes<unknown>>;
+declare const DatePickerInput: React.ForwardRefExoticComponent<Props$8 & React.RefAttributes<unknown>>;
 
 type BadgeProps = {
     variant?: keyof typeof variants$1 | string;
@@ -251,9 +274,9 @@ declare const variants$1: {
     outline: string;
     "dark-gray": string;
 };
-declare const Badge: ({ variant, children, className, style, }: BadgeProps) => react_jsx_runtime.JSX.Element;
+declare const Badge: ({ variant, children, className, style, }: BadgeProps) => JSX.Element;
 
-interface Props$6 {
+interface Props$7 {
     registration?: UseFormRegisterReturn;
     error?: FieldError;
     control: Control<any>;
@@ -265,7 +288,7 @@ interface Props$6 {
     maxDate?: Date;
     singleMonth?: boolean;
 }
-declare const Calendar: ({ registration, error, control, name, rangeCalendar, shortcutsChange, selectedShortcut, setSelectedShortcut, maxDate, singleMonth, }: Props$6) => react_jsx_runtime.JSX.Element;
+declare const Calendar: ({ registration, error, control, name, rangeCalendar, shortcutsChange, selectedShortcut, setSelectedShortcut, maxDate, singleMonth, }: Props$7) => React__default.JSX.Element;
 
 type CheckboxProps = {
     key?: string;
@@ -273,9 +296,9 @@ type CheckboxProps = {
     registration?: UseFormRegisterReturn;
     disabled?: boolean;
 };
-declare const Checkbox: ({ key, label, registration, disabled, }: CheckboxProps) => react_jsx_runtime.JSX.Element;
+declare const Checkbox: ({ key, label, registration, disabled, }: CheckboxProps) => React__default.JSX.Element;
 
-interface Props$5 {
+interface Props$6 {
     icon?: JSX.Element;
     label?: string;
     onApply?: () => void;
@@ -290,7 +313,7 @@ interface Props$5 {
     /** Sobrescreve a cor do texto do label no estado de repouso (ex.: "text-neutral-700"). */
     labelClassName?: string;
 }
-declare const FilterCalendar: ({ icon, label, onApply, onClear, control, name, rangeCalendar, defaultShortcut, shortcutsChange, singleMonth, maxDate, labelClassName, }: Props$5) => react_jsx_runtime.JSX.Element;
+declare const FilterCalendar: ({ icon, label, onApply, onClear, control, name, rangeCalendar, defaultShortcut, shortcutsChange, singleMonth, maxDate, labelClassName, }: Props$6) => JSX.Element;
 
 interface Options {
     id: any;
@@ -299,6 +322,40 @@ interface Options {
     disabled?: boolean;
     icon?: JSX.Element;
 }
+interface Props$5 {
+    icon?: JSX.Element;
+    label?: string;
+    isMulti?: boolean;
+    options: Options[];
+    onApply?: () => void;
+    onClear?: () => void;
+    onSelectAll?: () => void;
+    control: Control;
+    name: string;
+    fetch?: (value: string | number, button: string) => Promise<Options[]>;
+    subFilters?: {
+        id: string | any;
+        name: string;
+    }[];
+    emptyMessage?: string;
+    initialMessage?: string;
+    /** Sobrescreve a classe do texto de initialMessage (ex.: "text-center"). Padrão: sem alinhamento. */
+    initialMessageClassName?: string;
+    applyOnClick?: boolean;
+    showFilter?: boolean;
+    renderOption?: (option: Options, isSelected: boolean) => JSX.Element;
+    /** Placeholder do campo de busca. Padrão: "Pesquisar". */
+    searchPlaceholder?: string;
+    /** Sobrescreve o padding/classe do painel do dropdown. Padrão: "p-2". */
+    panelClassName?: string;
+    /** Labels dos botões de ação (sobrescrevem os padrões). */
+    applyLabel?: string;
+    cancelLabel?: string;
+    clearLabel?: string;
+    selectAllLabel?: string;
+}
+declare const FilterOptions: ({ icon, label, isMulti, options, onApply, onClear, onSelectAll, control, name, fetch, subFilters, emptyMessage, initialMessage, initialMessageClassName, applyOnClick, showFilter, renderOption, searchPlaceholder, panelClassName, applyLabel, cancelLabel, clearLabel, selectAllLabel, }: Props$5) => JSX.Element;
+
 interface Props$4 {
     icon?: JSX.Element;
     label?: string;
@@ -330,8 +387,10 @@ interface Props$4 {
     cancelLabel?: string;
     clearLabel?: string;
     selectAllLabel?: string;
+    /** Mostra o botão de limpar (X) no chip fechado, sobre o filtro já selecionado. Padrão: true. */
+    clearButton?: boolean;
 }
-declare const FilterOptions: ({ icon, label, isMulti, options, onApply, onClear, onSelectAll, control, name, fetch, subFilters, emptyMessage, initialMessage, initialMessageClassName, applyOnClick, showFilter, renderOption, searchPlaceholder, panelClassName, applyLabel, cancelLabel, clearLabel, selectAllLabel, }: Props$4) => react_jsx_runtime.JSX.Element;
+declare const FilterSelect: ({ icon, label, isMulti, options, onApply, onClear, onSelectAll, control, name, fetch, subFilters, emptyMessage, initialMessage, initialMessageClassName, applyOnClick, showFilter, renderOption, searchPlaceholder, panelClassName, applyLabel, cancelLabel, clearLabel, selectAllLabel, clearButton, }: Props$4) => JSX.Element;
 
 type InputMoneyProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
     label?: string;
@@ -348,7 +407,7 @@ type InputMoneyProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>,
     isWeightField?: boolean;
     minFractionDigits?: number;
 };
-declare function InputMoney({ label, type, onClick, error, onBlur, onChangeValue, inputProps, icon, clearField, name, required, disabled, value, placeholder, control, defaultValue, isWeightField, minFractionDigits, }: InputMoneyProps): react_jsx_runtime.JSX.Element;
+declare function InputMoney({ label, type, onClick, error, onBlur, onChangeValue, inputProps, icon, clearField, name, required, disabled, value, placeholder, control, defaultValue, isWeightField, minFractionDigits, }: InputMoneyProps): JSX.Element;
 declare namespace InputMoney {
     var displayName: string;
 }
@@ -370,7 +429,7 @@ type InputNumberProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>,
     showZero?: boolean;
     maxValue?: number;
 };
-declare function InputNumber({ label, type, onClick, error, onBlur, onChangeValue, inputProps, icon, clearField, name, required, disabled, value, placeholder, control, defaultValue, hideArrows, maxLength, onlyNumbers, showZero, maxValue, }: InputNumberProps): react_jsx_runtime.JSX.Element;
+declare function InputNumber({ label, type, onClick, error, onBlur, onChangeValue, inputProps, icon, clearField, name, required, disabled, value, placeholder, control, defaultValue, hideArrows, maxLength, onlyNumbers, showZero, maxValue, }: InputNumberProps): JSX.Element;
 declare namespace InputNumber {
     var displayName: string;
 }
@@ -390,7 +449,7 @@ type InputPercentageProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputEleme
     minFractionDigits?: number;
     onChangeValue?: (e: any) => void;
 };
-declare function InputPercentage({ label, onClick, error, onBlur, inputProps, icon, clearField, name, required, disabled, placeholder, control, defaultValue, minFractionDigits, onChangeValue, maxLength, }: InputPercentageProps): react_jsx_runtime.JSX.Element;
+declare function InputPercentage({ label, onClick, error, onBlur, inputProps, icon, clearField, name, required, disabled, placeholder, control, defaultValue, minFractionDigits, onChangeValue, maxLength, }: InputPercentageProps): JSX.Element;
 declare namespace InputPercentage {
     var displayName: string;
 }
@@ -410,7 +469,7 @@ type MaskedInputProps = {
     defaultValue?: any;
     disabled?: boolean;
 };
-declare const MaskedInput: ({ type, name, label, placeholder, error, mask, control, required, onKeyUp, maskChar, alwaysShowMask, defaultValue, disabled, }: MaskedInputProps) => react_jsx_runtime.JSX.Element;
+declare const MaskedInput: ({ type, name, label, placeholder, error, mask, control, required, onKeyUp, maskChar, alwaysShowMask, defaultValue, disabled, }: MaskedInputProps) => React__default.JSX.Element;
 
 type ModalProps = {
     open?: boolean;
@@ -447,14 +506,14 @@ declare const sizes: {
     lg: string;
     null: string;
 };
-declare const ModalDialog: ({ open, onOpen, onClose, onCancel, triggerButton, confirmButton, title, cancelButton, icon, alertType, size, info, description, children, showFooter, showHeader, headerBorder, closeOnOverlayClick, }: ModalProps) => react_jsx_runtime.JSX.Element;
+declare const ModalDialog: ({ open, onOpen, onClose, onCancel, triggerButton, confirmButton, title, cancelButton, icon, alertType, size, info, description, children, showFooter, showHeader, headerBorder, closeOnOverlayClick, }: ModalProps) => JSX.Element;
 
 interface Props$3 {
     id: string;
     displayArrow?: boolean;
     openOnClick?: boolean;
 }
-declare const Popover: ({ id, displayArrow, openOnClick, }: Props$3) => react_jsx_runtime.JSX.Element;
+declare const Popover: ({ id, displayArrow, openOnClick, }: Props$3) => React__default.JSX.Element;
 
 type OptionType$3 = {
     value: number | string;
@@ -490,7 +549,7 @@ type SelectFieldProps$3 = {
     menuIsEverOpen?: boolean;
     showArrow?: boolean;
 };
-declare const SelectField: ({ name, error, label, defaultValue, control, placeholder, isSearchable, isClearable, onChange, required, debounce, filterOptions, optionsList, disabled, onChangeValue, resize, optionStyle, valueStyle, icon, emptyMessage, small, initialMessage, menuIsEverOpen, clearOnBlur, onMenuClose, clearOnMenuClose, showArrow, }: SelectFieldProps$3) => react_jsx_runtime.JSX.Element;
+declare const SelectField: ({ name, error, label, defaultValue, control, placeholder, isSearchable, isClearable, onChange, required, debounce, filterOptions, optionsList, disabled, onChangeValue, resize, optionStyle, valueStyle, icon, emptyMessage, small, initialMessage, menuIsEverOpen, clearOnBlur, onMenuClose, clearOnMenuClose, showArrow, }: SelectFieldProps$3) => JSX.Element;
 
 type FieldWrapperProps = {
     label?: string;
@@ -544,7 +603,7 @@ interface Props$2 {
     value?: string | number;
     onChange?: (value: string | number) => void;
 }
-declare const Radio: ({ disabled, control, name, label, defaultChecked, value, onChange, }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const Radio: ({ disabled, control, name, label, defaultChecked, value, onChange, }: Props$2) => React__default.JSX.Element;
 
 type ToggleProps = {
     name: string;
@@ -553,13 +612,13 @@ type ToggleProps = {
     control: Control<any>;
     disabled?: boolean;
 };
-declare const Toggle: ({ name, label, subLabel, control, disabled, }: ToggleProps) => react_jsx_runtime.JSX.Element;
+declare const Toggle: ({ name, label, subLabel, control, disabled, }: ToggleProps) => React__default.JSX.Element;
 
 interface Props$1<TData> {
     pageSizeOptions?: number[];
     table: Table$1<TData>;
 }
-declare function PaginationSelect<TData>({ pageSizeOptions, table, }: Props$1<TData>): react_jsx_runtime.JSX.Element;
+declare function PaginationSelect<TData>({ pageSizeOptions, table, }: Props$1<TData>): React__default.JSX.Element;
 
 type CustomTData = {
     _destroy?: string;
@@ -611,7 +670,7 @@ interface DataTableProps<TData extends CustomTData, TValue> {
     pageSizeOptions?: number[];
     onFinishFetch?: () => void;
 }
-declare function DataTable<TData extends CustomTData, TValue>({ columns, tableClass, data, hidePagination, emptyButtonAction, hideBlankState, renderSubComponent, footer, borderFull, withShadow, actionsSelection, backgroundColor, emptyState, totalData, showFilter, placeholder, fetchData, openedSubComponent, getRowCanExpand, enableRowSelection, onScroll, tableContainerRef, setRows, selectAllOption, autoPagination, rowClassName, listUpdate, setRowSelection, rowSelection, perPage, pageSizeOptions, onFinishFetch, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function DataTable<TData extends CustomTData, TValue>({ columns, tableClass, data, hidePagination, emptyButtonAction, hideBlankState, renderSubComponent, footer, borderFull, withShadow, actionsSelection, backgroundColor, emptyState, totalData, showFilter, placeholder, fetchData, openedSubComponent, getRowCanExpand, enableRowSelection, onScroll, tableContainerRef, setRows, selectAllOption, autoPagination, rowClassName, listUpdate, setRowSelection, rowSelection, perPage, pageSizeOptions, onFinishFetch, }: DataTableProps<TData, TValue>): JSX.Element;
 
 declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
 declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
@@ -634,26 +693,26 @@ interface DataTablePaginationProps<TData> {
     paginationScroll?: number;
     pageSizeOptions?: number[];
 }
-declare function DataTablePagination<TData>({ table, footer, totalData, selectAllOption, onSelectAll, rowsSelected, onRemoveAll, tableRef, paginationScroll, pageSizeOptions, }: DataTablePaginationProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTablePagination<TData>({ table, footer, totalData, selectAllOption, onSelectAll, rowsSelected, onRemoveAll, tableRef, paginationScroll, pageSizeOptions, }: DataTablePaginationProps<TData>): JSX.Element;
 
 interface Props {
     title: string;
     children: ReactNode;
     open: boolean;
 }
-declare const Accordion: ({ title, children, open }: Props) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ title, children, open }: Props) => React.JSX.Element;
 
 declare function CopyPopover({ children, valueToCopy }: {
     children: any;
     valueToCopy: any;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 
 type MenuProps = {
     triggerElement?: ReactNode;
     children?: ReactNode;
     className?: string;
 };
-declare const Menu: ({ triggerElement, children, className }: MenuProps) => react_jsx_runtime.JSX.Element;
+declare const Menu: ({ triggerElement, children, className }: MenuProps) => React.JSX.Element;
 
 type ItemProps = {
     index?: number;
@@ -661,14 +720,14 @@ type ItemProps = {
     onClick?: (event: any) => void;
     children?: ReactNode;
 };
-declare const Item: ({ index, isActive, onClick, children }: ItemProps) => react_jsx_runtime.JSX.Element;
+declare const Item: ({ index, isActive, onClick, children }: ItemProps) => React.JSX.Element;
 
 type EditableTextProps$2 = {
     children?: ReactNode;
     button?: ReactNode;
     onClose?: Function;
 };
-declare const EditableButton: ({ children, button, onClose, }: EditableTextProps$2) => react_jsx_runtime.JSX.Element;
+declare const EditableButton: ({ children, button, onClose, }: EditableTextProps$2) => React__default.JSX.Element;
 
 type EditableTextProps$1 = {
     control?: any;
@@ -680,7 +739,7 @@ type EditableTextProps$1 = {
     hideEditIcon?: boolean;
     truncate?: boolean;
 };
-declare const EditableText: ({ control, name, emptyLabel, children, onApply, value, hideEditIcon, truncate, }: EditableTextProps$1) => react_jsx_runtime.JSX.Element;
+declare const EditableText: ({ control, name, emptyLabel, children, onApply, value, hideEditIcon, truncate, }: EditableTextProps$1) => JSX.Element;
 
 type EditableTextProps = {
     control?: any;
@@ -693,7 +752,7 @@ type EditableTextProps = {
     showInputSeach?: boolean;
     onChangeValue?: (value: any) => void;
 };
-declare const EditableTextSelect: ({ control, name, emptyLabel, options, optionStyle, valueStyle, showInputSeach, onChangeValue, }: EditableTextProps) => react_jsx_runtime.JSX.Element;
+declare const EditableTextSelect: ({ control, name, emptyLabel, options, optionStyle, valueStyle, showInputSeach, onChangeValue, }: EditableTextProps) => JSX.Element;
 
 type FileUploadProps = {
     icon?: "file" | "image";
@@ -708,12 +767,12 @@ type FileUploadProps = {
     name?: string;
     limitMessage?: string;
 };
-declare const FileUpload: ({ icon, multiple, direction, isImage, setFiles, supportedFormats, validationFunction, files, error, name, limitMessage, }: FileUploadProps) => react_jsx_runtime.JSX.Element;
+declare const FileUpload: ({ icon, multiple, direction, isImage, setFiles, supportedFormats, validationFunction, files, error, name, limitMessage, }: FileUploadProps) => React__default.JSX.Element;
 
 declare function InfoIcon({ content, id, }: {
     content?: string;
     id?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 
 type OptionType$2 = {
     value: number | string;
@@ -730,7 +789,7 @@ interface SelectFieldProps$2 {
     error?: Merge<FieldError, FieldErrorsImpl<any>>;
     disabled?: boolean;
 }
-declare const MultiSelect: ({ name, options, label, error, defaultValue, control, isSearchable, required, disabled, }: SelectFieldProps$2) => react_jsx_runtime.JSX.Element;
+declare const MultiSelect: ({ name, options, label, error, defaultValue, control, isSearchable, required, disabled, }: SelectFieldProps$2) => React.JSX.Element;
 
 type OptionType$1 = {
     value: number | string;
@@ -748,10 +807,10 @@ interface SelectFieldProps$1 {
     blockSpaces?: boolean;
 }
 declare const InputTag: {
-    ({ name, label, error, defaultValue, control, required, placeholder, blockSpaces, }: SelectFieldProps$1): react_jsx_runtime.JSX.Element;
+    ({ name, label, error, defaultValue, control, required, placeholder, blockSpaces, }: SelectFieldProps$1): React__default.JSX.Element;
     displayName: string;
 };
-declare const ValueContainer: ({ children, ...props }: ValueContainerProps) => react_jsx_runtime.JSX.Element;
+declare const ValueContainer: ({ children, ...props }: ValueContainerProps) => React__default.JSX.Element;
 
 type OptionType = {
     value: number | string;
@@ -773,14 +832,14 @@ interface SelectFieldProps {
     debounce?: number;
 }
 declare const MultiSelectBottom: {
-    ({ name, options, label, error, defaultValue, control, isSearchable, required, disabled, emptyMessage, filterOptions, debounce, }: SelectFieldProps): react_jsx_runtime.JSX.Element;
+    ({ name, options, label, error, defaultValue, control, isSearchable, required, disabled, emptyMessage, filterOptions, debounce, }: SelectFieldProps): React.JSX.Element;
     displayName: string;
 };
 
 declare function PageBox(props: {
     title?: string;
     children?: React__default.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 
 type PageHeaderProps = {
     title: JSX.Element | string;
@@ -791,14 +850,14 @@ type PageHeaderProps = {
     children?: JSX.Element;
     description?: JSX.Element | string;
 };
-declare const PageHeader: ({ title, breadcrumbs, children, description, }: PageHeaderProps) => react_jsx_runtime.JSX.Element;
+declare const PageHeader: ({ title, breadcrumbs, children, description, }: PageHeaderProps) => JSX.Element;
 
 type ProgressBarProps = {
     percentage: number;
     variant: "primary" | "success" | "danger" | "info";
     status: string;
 };
-declare const ProgressBar: ({ percentage, variant, status, }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
+declare const ProgressBar: ({ percentage, variant, status, }: ProgressBarProps) => React.JSX.Element;
 
 type TabsProps = {
     tabs: {
@@ -810,22 +869,22 @@ type TabsProps = {
     }[];
     onClick?: (current: any) => void;
 };
-declare function SimpleTab({ tabs, onClick }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function SimpleTab({ tabs, onClick }: TabsProps): JSX.Element;
 
 declare const SkeletonDetails: ({ loading, ...props }: {
     [x: string]: any;
     loading: any;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 declare const SkeletonList: ({ loading, ...props }: {
     [x: string]: any;
     loading: any;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 declare const SkeletonRegister: ({ loading, ...props }: {
     [x: string]: any;
     loading: any;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 type StatusBallProps = {
     label?: string;
@@ -854,7 +913,7 @@ declare const variants: {
         big: string;
     };
 };
-declare const StatusBall: ({ label, variant, labelPosition, }: StatusBallProps) => react_jsx_runtime.JSX.Element;
+declare const StatusBall: ({ label, variant, labelPosition, }: StatusBallProps) => React.JSX.Element;
 
 type tab = {
     key: string;
@@ -878,7 +937,7 @@ type TabProps = {
     showNextStep?: boolean;
 };
 declare const Tabs: {
-    ({ tabs, cancelButton, buttonDisabled, createButtonLabel, buttonLoading, saveButton, onClick, onSave, showNextStep, }: TabProps): react_jsx_runtime.JSX.Element;
+    ({ tabs, cancelButton, buttonDisabled, createButtonLabel, buttonLoading, saveButton, onClick, onSave, showNextStep, }: TabProps): JSX.Element;
     displayName: string;
 };
 
@@ -888,7 +947,7 @@ type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElemen
     error?: FieldError;
     inputProps?: any;
 };
-declare const TextArea: ({ label, registration, disabled, error, inputProps, name, }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+declare const TextArea: ({ label, registration, disabled, error, inputProps, name, }: TextAreaProps) => React.JSX.Element;
 
 type TimelineProps = {
     data: {
@@ -903,7 +962,7 @@ type TimelineProps = {
 };
 declare const translateVariant: (variant: any) => "gray" | "success" | "warning" | "info" | "dangerous";
 declare const Timeline: {
-    ({ data }: TimelineProps): react_jsx_runtime.JSX.Element;
+    ({ data }: TimelineProps): JSX.Element;
     displayName: string;
 };
 
@@ -924,9 +983,9 @@ type InputFieldProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>,
     control: Control<unknown> | any;
     searchOnClick?: () => void;
 };
-declare function ControlledInput({ label, type, registration, onClick, error, onBlur, onChange, inputProps, icon, clearField, name, required, disabled, value, placeholder, defaultValue, onKeyUp, onKeyDown, onClear, hideInput, control, searchOnClick, }: InputFieldProps): react_jsx_runtime.JSX.Element;
+declare function ControlledInput({ label, type, registration, onClick, error, onBlur, onChange, inputProps, icon, clearField, name, required, disabled, value, placeholder, defaultValue, onKeyUp, onKeyDown, onClear, hideInput, control, searchOnClick, }: InputFieldProps): JSX.Element;
 declare namespace ControlledInput {
     var displayName: string;
 }
 
-export { Accordion, Badge, Button, ButtonLink, Calendar, Checkbox, type CheckboxProps, ControlledInput, CopyPopover, DataTable, DataTablePagination, DatePickerInput, EditableButton, EditableText, EditableTextSelect, FileUpload, FilterCalendar, FilterOptions, InfoIcon, Input, InputMoney, InputNumber, InputPercentage, InputTag, Item, type LinkProp, Logo, MaskedInput, Menu, ModalDialog, type ModalProps, MultiSelect, MultiSelectBottom, type OptionType as MultiSelectBottomOptionType, type OptionType$2 as MultiSelectOptionType, type OptionType$1 as OptionType, type Options, PageBox, PageHeader, PaginationSelect, Popover, ProgressBar, Radio, RocketIcon, SelectField, SelectFieldBip, type SelectFieldBipRef, type OptionType$3 as SelectOptionType, SimpleTab, SkeletonDetails, SkeletonList, SkeletonRegister, SpinnerIcon, StatusBall, type StatusBallProps, type TabProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, TextArea, Timeline, type TimelineProps, Toggle, ValueContainer, sizes$1 as sizes, translateVariant };
+export { Accordion, Badge, Button, ButtonLink, Calendar, Checkbox, type CheckboxProps, ControlledInput, CopyPopover, DataTable, DataTablePagination, DatePickerInput, EditableButton, EditableText, EditableTextSelect, FileUpload, FilterCalendar, FilterOptions, FilterSelect, InfoIcon, Input, InputMoney, InputNumber, InputPercentage, InputTag, Item, type LinkProp, Logo, MaskedInput, Menu, ModalDialog, type ModalProps, MultiSelect, MultiSelectBottom, type OptionType as MultiSelectBottomOptionType, type OptionType$2 as MultiSelectOptionType, type OptionType$1 as OptionType, type Options, PageBox, PageHeader, PaginationSelect, Popover, ProgressBar, Radio, RocketIcon, SelectField, SelectFieldBip, type SelectFieldBipRef, type OptionType$3 as SelectOptionType, SimpleTab, SkeletonDetails, SkeletonList, SkeletonRegister, SpinnerIcon, StatusBall, type StatusBallProps, type TabProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, TextArea, Timeline, type TimelineProps, Toggle, ValueContainer, sizes$1 as sizes, translateVariant };