@prosperitainova/mirage-ui 1.1.57 → 1.1.61

package/dist/index.d.ts

@@ -4,432 +4,441 @@ import { DropzoneProps as DropzoneProps$1 } from 'react-dropzone';
 import { Props } from 'react-select';
 import { TooltipProps, UncontrolledTooltipProps } from 'reactstrap';
 
-type ItemsProps = {
-    label: string;
-    href: string;
-    img?: string;
-};
-type BreadcrumbProps = {
-    menus: ItemsProps[];
-};
+type ItemsProps = {
+    label: string;
+    href: string;
+    img?: string;
+};
+type BreadcrumbProps = {
+    menus: ItemsProps[];
+};
 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;
-};
+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;
-};
+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[];
-};
+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[];
+};
 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;
-};
+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"> {
-}
-interface DropzoneProps extends DropzoneRootPropsLite {
-    error?: string;
-    helper?: string;
-    onRemoveFile?: (removed: any) => void;
-    onFilesChanged?: (files: File[]) => void;
-}
+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;
-};
+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;
-};
+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;
-};
+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?: string;
-    text: string;
-    label: string;
-    changeUser?: (index?: number) => void;
-};
-type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    open?: boolean;
-    description?: string;
-    onUserChange?: (user: UsersProps, index: number) => void;
-    users?: UsersProps[];
-};
+type UsersProps = {
+    img?: string;
+    text: string;
+    label: string;
+    changeUser?: (index?: number) => void;
+};
+type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    open?: boolean;
+    description?: string;
+    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;
-};
+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;
-};
+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;
-};
+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;
-};
+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;
-};
+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;
-};
+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;
+};
 declare const SideBar: (props: SideBarProps) => JSX.Element;
 
-type SpacerProps$2 = {
-    top?: number;
-    bottom?: number;
-    left?: number;
-    right?: number;
-};
+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;
-};
+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;
+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;
-};
+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;
-};
+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;
+};
 declare const Toast: (props: ToastProps) => JSX.Element;
 
-type ToggleProps = {
-    mode: "small" | "large";
-    actived?: boolean;
-    checked?: boolean;
-    disabled?: boolean;
-};
+type ToggleProps = {
+    mode: "small" | "large";
+    actived?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+};
 declare const Toggle: (props: ToggleProps) => JSX.Element;
 
-type ProgressBarProps = {
-    percent: number;
-    color?: string;
-};
+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;
-};
+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;
-};
+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;
-};
+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;
-};
+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;
-    changePage?: (page: number) => void;
-    setOffset?: (offset: number) => void;
-};
+type PaginationProps = LiHTMLAttributes<HTMLLIElement> & {
+    total: number;
+    limit: number;
+    offset?: number;
+    changePage?: (page: number) => void;
+    setOffset?: (offset: number) => void;
+};
 declare const Pagination: (props: PaginationProps) => JSX.Element;
 
-type BalanceAlertProps = {
-    title: string;
-    message: string;
-    show?: boolean;
-};
+type BalanceAlertProps = {
+    title: string;
+    message: string;
+    show?: boolean;
+};
 declare const BalanceAlert: (props: BalanceAlertProps) => JSX.Element;
 
-type ParcelSelectorProps = {
-    value: number;
-    onChange: (value: number) => void;
-};
+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;
-};
+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;
-};
+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;
-};
+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;
-};
+type IconProps = {
+    tooltipColor?: string;
+    tooltipLabel: string;
+    visible?: boolean;
+};
 declare const Tooltip: (props: IconProps) => JSX.Element;
 
-type TooltipCustomProps = {} & TooltipProps;
+type TooltipCustomProps = {} & TooltipProps;
 declare const TooltipCustom: (props: TooltipCustomProps) => JSX.Element;
 
-type NotControlledTooltipsProps = {} & UncontrolledTooltipProps;
+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;
-};
+type ModalProps = HTMLAttributes<HTMLDivElement> & {
+    open?: boolean;
+    header?: boolean;
+    title?: string;
+    children?: JSX.Element;
+    toggleModal: () => void;
+};
 declare const BottomModal: (props: ModalProps) => JSX.Element;
 
 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 };