@prosperitainova/mirage-ui 1.1.141 → 1.1.143

package/dist/index.d.ts

@@ -1,532 +1,547 @@
 /// <reference types="react" />
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, ChangeEvent, LiHTMLAttributes } from 'react';
 import { DropzoneProps as DropzoneProps$1 } from 'react-dropzone';
 import { Props } from 'react-select';
 import { TooltipProps, UncontrolledTooltipProps } from 'reactstrap';
 
-type ItemsProps = {
-    label: string;
-    onClick?: () => void;
-    img?: string;
-};
-type BreadcrumbProps = {
-    menus: ItemsProps[];
-    onClickHome?: () => void;
-};
-declare const Breadcrumb: (props: BreadcrumbProps) => JSX.Element;
-
-type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    mode: "main" | "border" | "phantom";
-    link?: boolean;
-    icon?: string;
-    iconPosition?: "left" | "right";
-    iconColorFilter?: string;
-    labelColor?: string;
-    arrow?: "left" | "right";
-    danger?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-    label?: string;
-    value?: string;
-    type?: string;
-    full?: boolean;
-    children?: JSX.Element;
-};
-declare const Button: ({ onClick, ...props }: ButtonProps) => JSX.Element;
-
-type ReturnButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    label: string;
-    onClick?: () => void;
-};
-declare const ReturnButton: (props: ReturnButtonProps) => JSX.Element;
-
-type DropdownOptions$1 = {
-    value?: string;
-    label?: string;
-    color?: string;
-    onClick?: () => void;
-};
-type ButtonDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    mode: "main" | "border";
-    icon?: string;
-    label?: string;
-    loading?: boolean;
-    value?: string;
-    type?: string;
-    double?: boolean;
-    options?: DropdownOptions$1[];
-    iconColorFilter?: string;
-};
-declare const ButtonDropdown: (props: ButtonDropdownProps) => JSX.Element;
-
-type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
-    label?: string;
-    disabled?: boolean;
-    checked?: boolean;
-    position?: "top" | "bottom" | "left" | "right";
-    name?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
-};
-declare const Checkbox: ({ onChange, ...props }: CheckboxProps) => JSX.Element;
-
-interface DropzoneRootPropsLite extends Omit<DropzoneProps$1, "onDrop"> {
-}
-type UploadedFileProps = {
-    name: string;
-    url: string;
-};
-type DropzoneFileProps = File & {
-    preview: string;
-};
-interface DropzoneProps extends DropzoneRootPropsLite {
-    error?: string;
-    helper?: string;
-    uploadedFiles?: UploadedFileProps[];
-    onRemoveUploadedFile?: (removedIndex: number) => void;
-    onRemoveFile?: (removedIndex: number) => void;
-    onFilesChanged?: (files: DropzoneFileProps[]) => void;
-}
-declare const Dropzone: (props: DropzoneProps) => JSX.Element;
-
-type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    value?: string | number | boolean | readonly string[] | undefined;
-    error?: string | boolean;
-    success?: boolean;
-    helper?: string;
-    label?: string;
-    newPassword?: boolean;
-    newPasswordLevel?: string;
-    search?: boolean;
-    mask?: string;
-    maskChar?: string | null;
-    ref?: any;
-    onFocus?: boolean;
-    min?: string;
-    max?: string;
-};
-declare const Input: (props: InputProps) => JSX.Element;
-
-type ModalProps$2 = HTMLAttributes<HTMLDivElement> & {
-    open?: boolean;
-    header?: boolean;
-    title?: string;
-    children?: JSX.Element;
-    size: "md" | "lg";
-    toggleModal: (event: any) => void;
-};
-declare const InteractiveModal: (props: ModalProps$2) => JSX.Element;
-
-type ModalProps$1 = HTMLAttributes<HTMLDivElement> & {
-    open?: boolean;
-    header?: boolean;
-    title?: string;
-    children?: JSX.Element;
-    toggleModal: () => void;
-};
-declare const lateralModal: (props: ModalProps$1) => JSX.Element;
-
-type UsersProps = {
-    img?: JSX.Element;
-    text: string;
-    label: string;
-    changeUser?: (index?: number) => void;
-};
-type BottonButtonProps = {
-    onBottomButtonClick: () => void;
-    label: JSX.Element;
-};
-type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    open?: boolean;
-    description?: string;
-    bottomButton?: BottonButtonProps;
-    onUserChange?: (user: UsersProps, index: number) => void;
-    users?: UsersProps[];
-};
-declare const MenuDropdown: (props: MenuDropdownProps) => JSX.Element;
-
-type NotificationsProps = {
-    img?: string;
-    text: string;
-    time: string;
-};
-type NotificationsBarProps = {
-    title: string;
-    message?: string;
-    notifications?: NotificationsProps[];
-    onNotificationClick?: (notification: NotificationsProps, index: number) => void;
-    left?: number;
-    right?: number;
-    top?: number;
-    bottom?: number;
-    open?: boolean;
-};
-declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
-
-type RadioProps = {
-    label?: string;
-    disabled?: boolean;
-    checked?: boolean;
-    position?: "top" | "bottom" | "left" | "right";
-    onChange?: (value: boolean) => void;
-};
-declare const Radio: ({ onChange, ...props }: RadioProps) => JSX.Element;
-
-type OptionsProps = {
-    title: string;
-    description: string;
-    value: string;
-    setIndex?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    disabled?: boolean;
-};
-type RadioGroupProps = HTMLAttributes<HTMLDivElement> & {
-    display: "row" | "column";
-    options: OptionsProps[];
-    value?: string;
-    onChange?: (value: string, index: number) => void;
-    wrap?: boolean;
-    title?: string;
-    description?: string;
-    active?: boolean;
-    emptyValue?: boolean;
-};
-declare const RadioGroup: (props: RadioGroupProps) => JSX.Element;
-
-type ResultsProps = {
-    value: string;
-    label: string;
-};
-type SearchProps = InputHTMLAttributes<HTMLInputElement> & {
-    showResults?: ResultsProps[];
-    loading?: boolean;
-};
-declare const Search: (props: SearchProps) => JSX.Element;
-
-type SelectProps = Omit<Props, "onChange"> & {
-    onChange?: (event: any) => void;
-    error?: string | boolean;
-    success?: boolean;
-    helper?: string;
-    label?: string;
-};
-declare const CustomSelect: (props: SelectProps) => JSX.Element;
-
-type MenuItem = {
-    icon: string;
-    text: string;
-    render?: () => JSX.Element;
-    onMenuClick?: (index: number) => void;
-};
-type SideBarProps = {
-    menu: MenuItem[];
-    footer?: MenuItem[];
-    logo: string;
-    active?: boolean;
-    menuActiveIndex?: number;
-    logoWidth?: string;
-    useLogoFilter?: boolean;
-};
-declare const SideBar: (props: SideBarProps) => JSX.Element;
-
-type SpacerProps$2 = {
-    top?: number;
-    bottom?: number;
-    left?: number;
-    right?: number;
-};
-declare const Spacer: (props: SpacerProps$2) => JSX.Element;
-
-type SpacerProps$1 = {
-    top?: number;
-    bottom?: number;
-    left?: number;
-    right?: number;
-};
-type PaddingProps = SpacerProps$1 & {
-    children: React.ReactNode;
-};
-declare const Padding: (props: PaddingProps) => JSX.Element;
-
-type SpacerProps = {
-    top?: number;
-    bottom?: number;
-    left?: number;
-    right?: number;
-};
-type MarginProps = SpacerProps;
-declare const Margin: (props: MarginProps) => JSX.Element;
-
-type MenusProps = {
-    label: string;
-    value: string;
-    disabled?: boolean;
-    onClick?: () => void;
-};
-type TabMenuProps = {
-    menus: MenusProps[];
-    onChangeTab?: (index: number) => void;
-};
-declare const TabMenu: (props: TabMenuProps) => JSX.Element;
-
-type ToastProps = HTMLAttributes<HTMLDivElement> & {
-    active?: boolean;
-    mode: "warning" | "success" | "error";
-    title: string;
-    text: string;
-    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-    toggleToast?: (event?: any) => void;
-    onClick?: (event?: any) => void;
-};
-declare const Toast: (props: ToastProps) => JSX.Element;
-
-type ToggleProps = {
-    mode: "small" | "large";
-    disabled?: boolean;
-    checked?: boolean;
-    onToggle?: () => void;
-};
-declare const Toggle: (props: ToggleProps) => JSX.Element;
-
-type ProgressBarProps = {
-    percent: number;
-    color?: string;
-};
-declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
-
-type InputTokenProps = {
-    inputsNumber?: number;
-    onInputChange?: (value: string) => void;
-    clearAll?: boolean;
-    color?: string;
-    bolder?: boolean;
-    keyDownFunction: () => void;
-};
-declare function InputToken(props: InputTokenProps): JSX.Element;
-
-type TableColumn<T = any> = {
-    label: string;
-    key: string;
-    width?: string;
-    align?: "left" | "center" | "right";
-    renderColumn?: (data: T, index: number) => JSX.Element;
-    renderData?: (data: T, index: number) => JSX.Element;
-};
-type TableProps = {
-    columns: TableColumn<any>[];
-    data: any[];
-    dataSpacer?: number;
-    disabledRows?: number[];
-    selectedRows?: number[];
-    haveHeader?: boolean;
-    renderHeader?: (columns: TableColumn<any>[]) => JSX.Element;
-};
-declare const Table: (props: TableProps) => JSX.Element;
-
-type InputCurrencyProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    value?: string;
-    error?: string | boolean;
-    success?: boolean;
-    helper?: string;
-    label?: string;
-    newPassword?: boolean;
-    newPasswordLevel?: string;
-    search?: boolean;
-    mask?: string;
-    required?: boolean;
-    disabled?: boolean;
-    type?: string;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    maxLength?: number;
-    fontSize?: "normal" | "large";
-    name?: string;
-    inputSize?: "normal" | "large";
-    isPercentage?: boolean;
-};
-declare const InputCurrency: (props: InputCurrencyProps) => JSX.Element;
-
-type panelProps = {
-    label?: string;
-    colorLabel?: string;
-    balance?: string;
-    currency?: string;
-    value?: string;
-    toggleBalance?: boolean;
-    render?: () => JSX.Element;
-    secondaryRender?: () => JSX.Element;
-};
-type SummaryPanelProps = {
-    panel: panelProps[];
-    isLoading?: boolean;
-};
-declare const SummaryPanel: (props: SummaryPanelProps) => JSX.Element;
-
-type PaginationProps = LiHTMLAttributes<HTMLLIElement> & {
-    total: number;
-    limit: number;
-    offset?: number;
-    activePageIndex?: number;
-    changePage?: (page: number) => void;
-    setOffset?: (offset: number) => void;
-};
-declare const Pagination: (props: PaginationProps) => JSX.Element;
-
-type BalanceAlertProps = {
-    title: string;
-    message: string;
-    show?: boolean;
-};
-declare const BalanceAlert: (props: BalanceAlertProps) => JSX.Element;
-
-type ParcelSelectorProps = {
-    value: number;
-    onChange: (value: number) => void;
-};
+type ItemsProps = {
+    label: string;
+    onClick?: () => void;
+    img?: string;
+};
+type BreadcrumbProps = {
+    menus: ItemsProps[];
+    onClickHome?: () => void;
+};
+declare const Breadcrumb: (props: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
+
+type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    mode: "main" | "border" | "phantom";
+    link?: boolean;
+    icon?: string;
+    iconPosition?: "left" | "right";
+    iconColorFilter?: string;
+    labelColor?: string;
+    arrow?: "left" | "right";
+    danger?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    label?: string;
+    value?: string;
+    type?: string;
+    full?: boolean;
+    children?: JSX.Element;
+};
+declare const Button: ({ onClick, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+type ReturnButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    label: string;
+    onClick?: () => void;
+};
+declare const ReturnButton: (props: ReturnButtonProps) => react_jsx_runtime.JSX.Element;
+
+type DropdownOptions$1 = {
+    value?: string;
+    label?: string;
+    color?: string;
+    onClick?: () => void;
+};
+type ButtonDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    mode: "main" | "border";
+    icon?: string;
+    label?: string;
+    loading?: boolean;
+    value?: string;
+    type?: string;
+    double?: boolean;
+    options?: DropdownOptions$1[];
+    iconColorFilter?: string;
+    padding?: number;
+};
+declare const ButtonDropdown: (props: ButtonDropdownProps) => react_jsx_runtime.JSX.Element;
+
+type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+    disabled?: boolean;
+    checked?: boolean;
+    position?: "top" | "bottom" | "left" | "right";
+    name?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+};
+declare const Checkbox: ({ onChange, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
+
+interface DropzoneRootPropsLite extends Omit<DropzoneProps$1, "onDrop"> {
+}
+type UploadedFileProps = {
+    name: string;
+    url: string;
+};
+type DropzoneFileProps = File & {
+    preview: string;
+};
+interface DropzoneProps extends DropzoneRootPropsLite {
+    error?: string;
+    helper?: string;
+    uploadedFiles?: UploadedFileProps[];
+    onRemoveUploadedFile?: (removedIndex: number) => void;
+    onRemoveFile?: (removedIndex: number) => void;
+    onFilesChanged?: (files: DropzoneFileProps[]) => void;
+}
+declare const Dropzone: (props: DropzoneProps) => react_jsx_runtime.JSX.Element;
+
+type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    value?: string | number | boolean | readonly string[] | undefined;
+    error?: string | boolean;
+    success?: boolean;
+    helper?: string;
+    label?: string;
+    newPassword?: boolean;
+    newPasswordLevel?: string;
+    search?: boolean;
+    mask?: string | Array<string | RegExp>;
+    maskChar?: string | null;
+    ref?: any;
+    onFocus?: boolean;
+    min?: string;
+    max?: string;
+};
+declare const Input: (props: InputProps) => react_jsx_runtime.JSX.Element;
+
+type ModalProps$2 = HTMLAttributes<HTMLDivElement> & {
+    open?: boolean;
+    header?: boolean;
+    title?: string;
+    children?: JSX.Element;
+    size: "md" | "lg";
+    toggleModal: (event: any) => void;
+};
+declare const InteractiveModal: (props: ModalProps$2) => react_jsx_runtime.JSX.Element;
+
+type ModalProps$1 = HTMLAttributes<HTMLDivElement> & {
+    open?: boolean;
+    header?: boolean;
+    title?: string;
+    children?: JSX.Element;
+    toggleModal: () => void;
+};
+declare const lateralModal: (props: ModalProps$1) => react_jsx_runtime.JSX.Element;
+
+type UsersProps = {
+    img?: JSX.Element;
+    text: string;
+    label: string;
+    description?: string;
+    changeUser?: (index?: number) => void;
+};
+type BottonButtonProps = {
+    onBottomButtonClick: () => void;
+    label: JSX.Element;
+};
+type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    open?: boolean;
+    description?: string;
+    bottomButton?: BottonButtonProps;
+    onUserChange?: (user: UsersProps, index: number) => void;
+    users?: UsersProps[];
+};
+declare const MenuDropdown: (props: MenuDropdownProps) => react_jsx_runtime.JSX.Element;
+
+type NotificationsProps = {
+    img?: string;
+    text: string;
+    time: string;
+};
+type NotificationsBarProps = {
+    title: string;
+    message?: string;
+    notifications?: NotificationsProps[];
+    onNotificationClick?: (notification: NotificationsProps, index: number) => void;
+    left?: number;
+    right?: number;
+    top?: number;
+    bottom?: number;
+    open?: boolean;
+};
+declare const NotificationBar: (props: NotificationsBarProps) => react_jsx_runtime.JSX.Element;
+
+type RadioProps = {
+    label?: string;
+    disabled?: boolean;
+    checked?: boolean;
+    position?: "top" | "bottom" | "left" | "right";
+    onChange?: (value: boolean) => void;
+};
+declare const Radio: ({ onChange, ...props }: RadioProps) => react_jsx_runtime.JSX.Element;
+
+type OptionsProps = {
+    title: string;
+    description: string;
+    value: string;
+    setIndex?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    disabled?: boolean;
+};
+type RadioGroupProps = HTMLAttributes<HTMLDivElement> & {
+    display: "row" | "column";
+    options: OptionsProps[];
+    value?: string;
+    onChange?: (value: string, index: number) => void;
+    wrap?: boolean;
+    title?: string;
+    description?: string;
+    active?: boolean;
+    emptyValue?: boolean;
+};
+declare const RadioGroup: (props: RadioGroupProps) => react_jsx_runtime.JSX.Element;
+
+type ResultsProps = {
+    value: string;
+    label: string;
+};
+type SearchProps = InputHTMLAttributes<HTMLInputElement> & {
+    showResults?: ResultsProps[];
+    loading?: boolean;
+};
+declare const Search: (props: SearchProps) => react_jsx_runtime.JSX.Element;
+
+type SelectProps = Omit<Props, "onChange"> & {
+    onChange?: (event: any) => void;
+    error?: string | boolean;
+    success?: boolean;
+    helper?: string;
+    label?: string;
+};
+declare const CustomSelect: (props: SelectProps) => react_jsx_runtime.JSX.Element;
+
+type MenuItem = {
+    icon: string;
+    text: string;
+    render?: () => JSX.Element;
+    onMenuClick?: (index: number) => void;
+};
+type SideBarProps = {
+    menu: MenuItem[];
+    footer?: MenuItem[];
+    logo: string;
+    active?: boolean;
+    menuActiveIndex?: number;
+    logoWidth?: string;
+    useLogoFilter?: boolean;
+};
+declare const SideBar: (props: SideBarProps) => react_jsx_runtime.JSX.Element;
+
+type SpacerProps$2 = {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+};
+declare const Spacer: (props: SpacerProps$2) => react_jsx_runtime.JSX.Element;
+
+type SpacerProps$1 = {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+};
+type PaddingProps = SpacerProps$1 & {
+    children: React.ReactNode;
+};
+declare const Padding: (props: PaddingProps) => react_jsx_runtime.JSX.Element;
+
+type SpacerProps = {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+};
+type MarginProps = SpacerProps;
+declare const Margin: (props: MarginProps) => react_jsx_runtime.JSX.Element;
+
+type MenusProps = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    onClick?: () => void;
+};
+type TabMenuProps = {
+    menus: MenusProps[];
+    onChangeTab?: (index: number) => void;
+};
+declare const TabMenu: (props: TabMenuProps) => react_jsx_runtime.JSX.Element;
+
+type ToastProps = HTMLAttributes<HTMLDivElement> & {
+    active?: boolean;
+    mode: "warning" | "success" | "error";
+    title: string;
+    text: string;
+    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    toggleToast?: (event?: any) => void;
+    onClick?: (event?: any) => void;
+    absolute?: boolean;
+};
+declare const Toast: (props: ToastProps) => react_jsx_runtime.JSX.Element;
+
+type ToggleProps = {
+    mode: "small" | "large";
+    disabled?: boolean;
+    checked?: boolean;
+    onToggle?: () => void;
+};
+declare const Toggle: (props: ToggleProps) => react_jsx_runtime.JSX.Element;
+
+type ProgressBarProps = {
+    percent: number;
+    color?: string;
+};
+declare const ProgressBar: (props: ProgressBarProps) => react_jsx_runtime.JSX.Element;
+
+type InputTokenProps = {
+    inputsNumber?: number;
+    onInputChange?: (value: string) => void;
+    clearAll?: boolean;
+    color?: string;
+    bolder?: boolean;
+    keyDownFunction: () => void;
+};
+declare function InputToken(props: InputTokenProps): react_jsx_runtime.JSX.Element;
+
+type TableColumn<T = any> = {
+    label: string;
+    key: string;
+    width?: string;
+    align?: "left" | "center" | "right";
+    renderColumn?: (data: T, index: number) => JSX.Element;
+    renderData?: (data: T, index: number) => JSX.Element;
+};
+type TableProps = {
+    columns: TableColumn<any>[];
+    data: any[];
+    dataSpacer?: number;
+    disabledRows?: number[];
+    selectedRows?: number[];
+    haveHeader?: boolean;
+    renderHeader?: (columns: TableColumn<any>[]) => JSX.Element;
+};
+declare const Table: (props: TableProps) => react_jsx_runtime.JSX.Element;
+
+type InputCurrencyProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    value?: string;
+    error?: string | boolean;
+    success?: boolean;
+    helper?: string;
+    label?: string;
+    newPassword?: boolean;
+    newPasswordLevel?: string;
+    search?: boolean;
+    mask?: string;
+    required?: boolean;
+    disabled?: boolean;
+    type?: string;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    maxLength?: number;
+    fontSize?: "normal" | "large";
+    name?: string;
+    inputSize?: "normal" | "large";
+    isPercentage?: boolean;
+};
+declare const InputCurrency: (props: InputCurrencyProps) => react_jsx_runtime.JSX.Element;
+
+type panelProps = {
+    label?: string;
+    colorLabel?: string;
+    balance?: string;
+    currency?: string;
+    value?: string;
+    toggleBalance?: boolean;
+    render?: () => JSX.Element;
+    secondaryRender?: () => JSX.Element;
+};
+type SummaryPanelProps = {
+    panel: panelProps[];
+    isLoading?: boolean;
+    isOddNumber?: boolean;
+};
+declare const SummaryPanel: (props: SummaryPanelProps) => react_jsx_runtime.JSX.Element;
+
+type PaginationProps = LiHTMLAttributes<HTMLLIElement> & {
+    total: number;
+    limit: number;
+    offset?: number;
+    activePageIndex?: number;
+    changePage?: (page: number) => void;
+    setOffset?: (offset: number) => void;
+};
+declare const Pagination: (props: PaginationProps) => react_jsx_runtime.JSX.Element;
+
+type BalanceAlertProps = {
+    title: string;
+    message: string;
+    show?: boolean;
+};
+declare const BalanceAlert: (props: BalanceAlertProps) => react_jsx_runtime.JSX.Element;
+
+type ParcelSelectorProps = {
+    value: number;
+    onChange: (value: number) => void;
+};
 declare const ParcelSelector: React.FC<ParcelSelectorProps>;
 
-type DropContainerProps = {
-    open?: boolean;
-};
-type DropdownOptions = {
-    value: string;
-    label: string;
-    color?: string;
-    icon?: string;
-    onClick?: (value: string) => void;
-};
-type ButtonMoreDetailsProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    icon?: string;
-    value?: string;
-    options?: DropdownOptions[];
-    open?: boolean;
-};
-declare const ButtonMoreDetails: (props: ButtonMoreDetailsProps & DropContainerProps) => JSX.Element;
-
-type AddBalanceOutputProps = InputHTMLAttributes<HTMLInputElement> & {
-    value?: string;
-    error?: string | boolean;
-    success?: boolean;
-    helper?: string;
-    label?: string;
-    newPassword?: boolean;
-    newPasswordLevel?: string;
-    search?: boolean;
-    mask?: string;
-    required?: boolean;
-    disabled?: boolean;
-    type?: string;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    maxLength?: number;
-    fontSize?: "normal" | "large";
-    name?: string;
-};
-declare const AddBalanceOutput: (props: AddBalanceOutputProps) => JSX.Element;
-
-type IconProps$1 = {
-    iconSize?: number;
-    tooltipColor?: string;
-    iconHoverFilterColor?: string;
-    tooltipLabel: string;
-    icon?: string;
-};
-declare const IconWithTooltip: (props: IconProps$1) => JSX.Element;
-
-type IconProps = {
-    tooltipColor?: string;
-    tooltipLabel: string;
-    visible?: boolean;
-};
-declare const Tooltip: (props: IconProps) => JSX.Element;
-
-type TooltipCustomProps = {} & TooltipProps;
-declare const TooltipCustom: (props: TooltipCustomProps) => JSX.Element;
-
-type NotControlledTooltipsProps = {} & UncontrolledTooltipProps;
-declare const NotcontrolledTooltip: (props: NotControlledTooltipsProps) => JSX.Element;
-
-type ModalProps = HTMLAttributes<HTMLDivElement> & {
-    open?: boolean;
-    header?: boolean;
-    title?: string;
-    children?: JSX.Element;
-    toggleModal: () => void;
-};
-declare const BottomModal: (props: ModalProps) => JSX.Element;
-
-type AppTheme = {
-    colors: Colors;
-    fonts: Fonts;
-};
-type Fonts = {
-    titles: Titles;
-    dialog: Dialog;
-    headline: Dialog;
-    card: Dialog;
-    tableHead: Dialog;
-    table: Dialog;
-    input: Dialog;
-    contentbody: Dialog;
-    contentmodal: Dialog;
-    complementarytext: Dialog;
-};
-type Dialog = {
-    family: string;
-    color: string;
-    weigth: string;
-    size: string;
-    lineheight: string;
-};
-type Titles = {
-    family: string;
-    color: string;
-    weigth: Weigth;
-    size: Weigth;
-    lineheight: Weigth;
-};
-type Weigth = {
-    h2: string;
-    h3: string;
-    h4: string;
-    h5: string;
-    h6: string;
-};
-type Colors = {
-    primary: colortype;
-    secondary: colortype;
-    base: colortype;
-    success: colortype;
-    info: colortype;
-    warning: colortype;
-    error: colortype;
-    gray: colortype;
-};
-type colortype = {
-    main: string;
-    light100: string;
-    light200: string;
-    light300: string;
-    light400: string;
-    light500: string;
-    dark100: string;
-    dark200: string;
-    dark300: string;
-    dark400: string;
-    dark500: string;
-    mainFilter: string;
-    light100Filter: string;
-    light200Filter: string;
-    light300Filter: string;
-    light400Filter: string;
-    light500Filter: string;
-    dark100Filter: string;
-    dark200Filter: string;
-    dark300Filter: string;
-    dark400Filter: string;
-    dark500Filter: string;
+type DropContainerProps = {
+    open?: boolean;
+};
+type DropdownOptions = {
+    value: string;
+    label: string;
+    color?: string;
+    icon?: string;
+    onClick?: (value: string) => void;
+};
+type ButtonMoreDetailsProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    icon?: string;
+    value?: string;
+    options?: DropdownOptions[];
+    open?: boolean;
+};
+declare const ButtonMoreDetails: (props: ButtonMoreDetailsProps & DropContainerProps) => react_jsx_runtime.JSX.Element;
+
+type AddBalanceOutputProps = InputHTMLAttributes<HTMLInputElement> & {
+    value?: string;
+    error?: string | boolean;
+    success?: boolean;
+    helper?: string;
+    label?: string;
+    newPassword?: boolean;
+    newPasswordLevel?: string;
+    search?: boolean;
+    mask?: string;
+    required?: boolean;
+    disabled?: boolean;
+    type?: string;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    maxLength?: number;
+    fontSize?: "normal" | "large";
+    name?: string;
+};
+declare const AddBalanceOutput: (props: AddBalanceOutputProps) => react_jsx_runtime.JSX.Element;
+
+type IconProps$1 = {
+    iconSize?: number;
+    tooltipColor?: string;
+    iconHoverFilterColor?: string;
+    tooltipLabel: string;
+    icon?: string;
+};
+declare const IconWithTooltip: (props: IconProps$1) => react_jsx_runtime.JSX.Element;
+
+type IconProps = {
+    tooltipColor?: string;
+    tooltipLabel: string;
+    visible?: boolean;
+};
+declare const Tooltip: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+type TooltipCustomProps = {} & TooltipProps;
+declare const TooltipCustom: (props: TooltipCustomProps) => react_jsx_runtime.JSX.Element;
+
+type NotControlledTooltipsProps = {} & UncontrolledTooltipProps;
+declare const NotcontrolledTooltip: (props: NotControlledTooltipsProps) => react_jsx_runtime.JSX.Element;
+
+type ModalProps = HTMLAttributes<HTMLDivElement> & {
+    open?: boolean;
+    header?: boolean;
+    title?: string;
+    children?: JSX.Element;
+    toggleModal: () => void;
+};
+declare const BottomModal: (props: ModalProps) => react_jsx_runtime.JSX.Element;
+
+type MenuProps = {
+    title: string;
+    description: string;
+    onClick: () => void;
+};
+type SubMenuProps = {
+    menus: MenuProps[];
+};
+declare const SubMenu: (props: SubMenuProps) => react_jsx_runtime.JSX.Element;
+
+type AppTheme = {
+    colors: Colors;
+    fonts: Fonts;
+};
+type Fonts = {
+    titles: Titles;
+    dialog: Dialog;
+    headline: Dialog;
+    card: Dialog;
+    tableHead: Dialog;
+    table: Dialog;
+    input: Dialog;
+    contentbody: Dialog;
+    contentmodal: Dialog;
+    complementarytext: Dialog;
+};
+type Dialog = {
+    family: string;
+    color: string;
+    weigth: string;
+    size: string;
+    lineheight: string;
+};
+type Titles = {
+    family: string;
+    color: string;
+    weigth: Weigth;
+    size: Weigth;
+    lineheight: Weigth;
+};
+type Weigth = {
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+};
+type Colors = {
+    primary: colortype;
+    secondary: colortype;
+    base: colortype;
+    success: colortype;
+    info: colortype;
+    warning: colortype;
+    error: colortype;
+    gray: colortype;
+};
+type colortype = {
+    main: string;
+    light100: string;
+    light200: string;
+    light300: string;
+    light400: string;
+    light500: string;
+    dark100: string;
+    dark200: string;
+    dark300: string;
+    dark400: string;
+    dark500: string;
+    mainFilter: string;
+    light100Filter: string;
+    light200Filter: string;
+    light300Filter: string;
+    light400Filter: string;
+    light500Filter: string;
+    dark100Filter: string;
+    dark200Filter: string;
+    dark300Filter: string;
+    dark400Filter: string;
+    dark500Filter: string;
 };
 
 declare const UITheme: AppTheme;
 
 declare const hexToFilter: (hex: string) => string;
 
-export { AddBalanceOutput, BalanceAlert, BottomModal, Breadcrumb, Button, ButtonDropdown, ButtonMoreDetails, Checkbox, CustomSelect, Dropzone, IconWithTooltip, Input, InputCurrency, InputToken, InteractiveModal, lateralModal as LateralModal, Margin, MenuDropdown as Menudropdown, NotcontrolledTooltip as NotControlledToolTip, NotificationBar as NotificationsBar, Padding, Pagination, ParcelSelector, ProgressBar, Radio, RadioGroup, ReturnButton, Search, SideBar, Spacer, SummaryPanel, TabMenu, Table, Toast, Toggle, Tooltip, TooltipCustom, UITheme, hexToFilter };
+export { AddBalanceOutput, BalanceAlert, BottomModal, Breadcrumb, Button, ButtonDropdown, ButtonMoreDetails, Checkbox, CustomSelect, Dropzone, IconWithTooltip, Input, InputCurrency, InputToken, InteractiveModal, lateralModal as LateralModal, Margin, MenuDropdown as Menudropdown, NotcontrolledTooltip as NotControlledToolTip, NotificationBar as NotificationsBar, Padding, Pagination, ParcelSelector, ProgressBar, Radio, RadioGroup, ReturnButton, Search, SideBar, Spacer, SubMenu, SummaryPanel, TabMenu, Table, Toast, Toggle, Tooltip, TooltipCustom, UITheme, hexToFilter };
 //# sourceMappingURL=index.d.ts.map