enwawa-ui 4.1.5 → 4.1.6

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import React, { CSSProperties, ReactNode, ChangeEvent, SetStateAction, JSXElementConstructor, ReactElement } from "react";
 import { ButtonShape, ButtonSize, ButtonType } from "antd/es/button";
 import { ButtonProps, AutoCompleteProps, DescriptionsProps, TableProps as _TableProps1, BreadcrumbProps as _BreadcrumbProps1, SwitchProps } from "antd/lib";
-import { CheckboxProps, AlertProps, ColProps, BreadcrumbProps, TooltipProps, InputNumberProps, DropdownProps, MenuProps, SelectProps, PaginationProps, PopoverProps, RadioChangeEvent, UploadProps, RowProps as _RowProps1, CollapseProps, LayoutProps, SiderProps, SpaceProps, StepsProps, TableProps, TableColumnsType, FormProps, ModalFuncProps, FormInstance, ModalProps as _ModalProps1, CountdownProps, DatePickerProps, ImageProps, SpinProps, TagProps } from "antd";
+import { CheckboxProps, AlertProps, ColProps, BreadcrumbProps, TooltipProps, InputNumberProps, DropdownProps, MenuProps, SelectProps, PaginationProps, PopoverProps, RadioChangeEvent, UploadProps, RowProps as _RowProps1, CollapseProps, LayoutProps, SiderProps, SpaceProps, StepsProps, FormProps, CountdownProps, ModalFuncProps, FormInstance, TableProps, TableColumnsType, ModalProps as _ModalProps1, DatePickerProps, ImageProps, SpinProps, TagProps } from "antd";
 import { TabsProps } from "antd/es/tabs";
 import { CardTabListType } from "antd/es/card";
 import { CardType } from "antd/es/card/Card";
@@ -16,18 +16,18 @@ import { Gutter } from "antd/es/grid/row";
 import { ColSpec } from "@fullcalendar/resource";
 import { BlockProps, EllipsisConfig, BaseType } from "antd/es/typography/Base";
 import { TextProps as _TextProps1 } from "antd/es/typography/Text";
+import { Dayjs } from "dayjs";
 import { AnyObject } from "antd/es/_util/type";
-import { ColumnsType, TablePaginationConfig } from "antd/es/table";
-import { ExpandableConfig, FilterValue, SorterResult, TableCurrentDataSource, TableRowSelection } from "antd/es/table/interface";
-import { DragEndEvent } from "@dnd-kit/core";
+import { CircleProps, GoogleMap, GoogleMapProps } from "@react-google-maps/api";
+import { WatchOptions } from "rc-field-form/es/interface";
+import { CheckboxChangeEvent } from "antd/es/checkbox";
 import { DrawerProps } from "antd/es/drawer";
 import { IconComponentProps } from "@ant-design/icons/lib/components/Icon";
 import * as Icons from "@ant-design/icons";
-import { GoogleMapProps, CircleProps, GoogleMap } from "@react-google-maps/api";
-import { WatchOptions } from "rc-field-form/es/interface";
+import { ColumnsType, TablePaginationConfig } from "antd/es/table";
+import { ExpandableConfig, FilterValue, SorterResult, TableCurrentDataSource, TableRowSelection } from "antd/es/table/interface";
+import { DragEndEvent } from "@dnd-kit/core";
 import { CSSProperties as _CSSProperties1 } from "styled-components";
-import { Dayjs } from "dayjs";
-import { CheckboxChangeEvent } from "antd/es/checkbox";
 import { RangePickerProps } from "antd/lib/date-picker";
 import { LinkProps } from "antd/es/typography/Link";
 import { RadioChangeEvent as _RadioChangeEvent1 } from "antd/es/radio";
@@ -2693,117 +2693,6 @@ export interface OrHeaderProps {
     notificationPanelHeader?: MlNotificationDropdownProps['header'];
 }
 export const OrHeader: React.FC<OrHeaderProps>;
-export interface OrDashboardLayoutProps {
-    /**
-     * Indicate if the menu is collapsed
-     */
-    collapsed?: boolean;
-    /**
-     * Children components
-     */
-    children?: React.ReactNode;
-    /**
-     * Menu items to show in sider menu
-     */
-    menuItems?: OrSiderMenuProps['items'];
-    /**
-     * On click collapsed button
-     */
-    onClickCollapsed?: () => void;
-    /**
-     * Called when a menu item is clicked
-     */
-    onClick?: OrSiderMenuProps['onClick'];
-    /**
-     * Called when a bottom menu item is clicked
-     */
-    onClickBottomItems?: OrSiderMenuProps['onClick'];
-    /**
-     * Called when a menu item is selected
-     */
-    onSelect?: OrSiderMenuProps['onSelect'];
-    /**
-     * Called when a region item is selected
-     */
-    onSelectCountry?: OrHeaderProps['onSelect'];
-    /**
-     * Header select options
-     */
-    countrySelectOptions?: OrHeaderProps['countrySelectOptions'];
-    /**
-     * Header select options
-     */
-    countrySelectID?: OrHeaderProps['countrySelectID'];
-    /**
-     * Header nav items
-     */
-    navItems?: OrHeaderProps['navItems'];
-    /**
-     * Header avatar
-     */
-    avatar?: OrHeaderProps['avatar'];
-    /**
-     * Header avatar name
-     */
-    avatarName?: OrHeaderProps['avatarName'];
-    /**
-     * Default selected country
-     */
-    selectValue?: OrHeaderProps['selectValue'];
-    /**
-     * Nav item at the end of the sider
-     */
-    bottomItems?: OrSiderMenuProps['bottomItems'];
-    selectedKeys?: OrSiderMenuProps['selectedKeys'];
-    /**
-     * Or header props
-     */
-    headerProps?: OrHeaderProps;
-    /**
-     * On Logo Click function
-     */
-    onLogoClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-    /**
-     * MlNotificationCard props to render
-     */
-    notifications?: MlNotificationCardProps[];
-    /**
-     * Props that use the header of the notifications panel for render
-     */
-    notificationPanelHeader?: MlNotificationDropdownProps['header'];
-    /**
-     * AtButton props for handle the notification panel
-     */
-    iconButton?: AtButtonProps;
-}
-export const OrDashboardLayout: React.FC<OrDashboardLayoutProps>;
-export interface OrDescriptionsProps extends DescriptionsProps {
-    /**
-     * The ID for input
-     */
-    id?: string;
-    /**
-     * Title of the description set
-     */
-    title: string;
-    /**
-     * Whether the table has border or not
-     */
-    bordered?: boolean;
-    /**
-     * Items to display
-     */
-    items: DescriptionsProps['items'];
-    /**
-     * Extra content to display
-     */
-    extra?: DescriptionsProps['extra'];
-    /**
-     * variation  between : 'common' | 'no-header' | 'list'
-     */
-    variation?: 'common' | 'no-header' | 'list';
-}
-export const OrDescriptions: React.FC<OrDescriptionsProps>;
 export interface OrStepProp {
     /**
      * To set the current step, counting from 0. You can overwrite this state by using status of Step
@@ -2863,6 +2752,68 @@ export interface OrStepProp {
     $lineHeight?: string;
 }
 export const OrStep: React.FC<OrStepProp>;
+export interface OrModuleCalendarHeaderProps {
+    /**
+     * Actual display date
+     */
+    displayDate: string;
+    /**
+     * handles segment change
+     */
+    onChangeSegment: AtSegmentedProps['onChange'];
+    /**
+     * Options for the segment control.
+     */
+    segmentOptions?: AtSegmentedProps['options'];
+    /**
+     * Columns for select filters.
+     */
+    columnsFilters?: {
+        onSearch?: AtSelectProps['onSearch'];
+        showSearch?: AtSelectProps['showSearch'];
+        label: string;
+        options: AtSelectProps['options'];
+        onChange: AtSelectProps['onChange'];
+    }[];
+    /**
+     * Columns for buttons filters.
+     */
+    buttonsFilters?: {
+        label: string;
+        onClick: AtButtonProps['onClick'];
+        icon: AtButtonProps['icon'];
+    }[];
+    /**
+     * Button value
+     */
+    buttonValue?: string;
+    /**
+     * Icon for first button
+     */
+    buttonIcon?: string;
+    /**
+     * Button onClick
+     */
+    buttonOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
+    /**
+     * Left Arrow Button onClick
+     */
+    leftArrowOnOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
+    /**
+     * Right Arrow Button onClick
+     */
+    rightArrowOnOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
+    filterText?: string;
+    /**
+     * Handles date selection
+     */
+    onSelectDate?: (value: Dayjs | null) => void;
+    /**
+     * Handles loading state
+     */
+    loadingSearchFilter?: boolean;
+}
+export const OrModuleCalendarHeader: React.FC<OrModuleCalendarHeaderProps>;
 export interface ICustomButtons extends AtButtonProps {
     label: string;
     hidden?: boolean;
@@ -3075,2634 +3026,2728 @@ export interface TmCrudPageProps<RecordType = AnyObject, FormType = any> {
     padding?: string;
 }
 export const TmCrudPage: <RecordType extends AnyObject, FormType extends Store>({ columns, data, loadingTable, formSteps, onValuesChange, onCloseLeftDrawer, leftDrawerContent, openLeftDrawer, subtitle, subContent, open, pageSize, currentPage, currentFormStep, titleLeftDrawer, leftDrawerWidth, drawerContent, showDrawerContent, showSearchBox, drawerTitle, drawerWidth, firstButtonText, secondButtonText, onClickFirstButton, onClickSecondButton, $margin, title, tableTitle, buttonAddText, addButtonOnClick, onChangePagination, onChangeTable, total, showTotal, disabledButtons, searchBoxOnSearch, searchBoxPlaceholder, tableHeaderCustomLeftElements, pagination, handleCloseCallback, tableTitleLevel, secondaryButtonText, secondaryOnClick, showFormStepper, onBack, padding, expandable, breadcrumbItems, }: TmCrudPageProps<RecordType, FormType>) => import("react/jsx-runtime").JSX.Element;
-export interface OrDetailsPageProps<FormType = any> {
+/**
+ * Properties for the OrEventContentDuty component.
+ */
+export interface OrEventContentDutyProps {
     /**
-     * The ID for input
+     * Status of the event, corresponding to a key in EVENTS_POPOVER_COLORS.
      */
-    id?: string;
+    status: keyof typeof EVENTS_POPOVER_COLORS;
     /**
-     * Title of the description set
+     * Text representing the status of the event.
      */
-    title: string;
+    statusText: string;
     /**
-     * Whether the table has border or not
+     * Text representing the route of the event.
      */
-    bordered?: boolean;
+    routeText: string;
     /**
-     * Items to display
+     * Name of the driver associated with the event (optional).
      */
-    items: OrDescriptionsProps['items'];
+    driverName?: string;
     /**
-     * Extra content to display
+     * Callback function to handle popover click events.
      */
-    extra?: OrDescriptionsProps['extra'];
+    onClickPopOver: () => void;
     /**
-     * Form Steps info
+     * Text for the popover action (optional).
      */
-    formSteps?: IFormStep<FormType>[];
+    actionPopOverText?: string;
     /**
-     * On press cancel and close button function
+     * Start time of the event, can be a number, Date, or string.
      */
-    handleCloseCallback?: () => void;
+    start: number | Date | string;
     /**
-     * State of the drawer
+     * End time of the event, can be a number, Date, or string.
      */
-    open?: boolean;
+    end: number | Date | string;
     /**
-     * Drawer Content
+     * Title of the event.
      */
-    drawerContent?: React.ReactNode;
+    title: string;
     /**
-     * Drawer Title
+     * start hour of the event.
      */
-    drawerTitle?: React.ReactNode;
+    startTime: string;
     /**
-     * Drawer Width
+     * end hour of the event.
      */
-    drawerWidth?: number;
+    endTime: string;
+}
+export const EVENTS_POPOVER_COLORS: {
+    inProgress: string;
+    scheduled: string;
+    completed: string;
+    cancelled: string;
+    late: string;
+    noAssigned: string;
+};
+export const OrEventContentDuty: React.FC<OrEventContentDutyProps>;
+/**
+ * Properties for the OrResourceArea for timelines calendar
+ */
+export interface OrResourceAreaProps {
     /**
-     * Disable buttons drawer
+     * Title of the resource.
      */
-    disabledButtons?: boolean;
+    title?: string;
     /**
-     * current step
+     * Subtitle of the resource.
      */
-    currentFormStep?: number;
+    subtitle?: string;
     /**
-     * button optional text
+     * Description of the resource.
      */
-    showFormStepper?: boolean;
+    description?: string;
     /**
-     * On change form content
+     * On select the checkbox of the resource.
      */
-    onValuesChange?: OrFormProps['onValuesChange'];
+    onSelectResource?: () => void;
     /**
-     * config the OrAlert component showed
+     * Icon name for the resource.
      */
-    orAlertConfig?: OrAlertProps;
+    iconName?: AtIconProps['name'];
 }
-export const OrDetailsPage: <FormType extends Store>({ title, bordered, items, extra, formSteps, handleCloseCallback, open, drawerTitle, drawerWidth, disabledButtons, currentFormStep, showFormStepper, onValuesChange, orAlertConfig, }: OrDetailsPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
-interface OrDownloadProps {
+export const OrResourceArea: React.FC<OrResourceAreaProps>;
+export interface TmCalendarPageProps<_RecordType = AnyObject, FormType = any> {
     /**
-     * The function to call when the download button is clicked
+     * Loading status of table
      */
-    downloadOnClick?: () => any;
+    loadingTable?: boolean;
     /**
-     * The text to display on the download button
+     * Config of pagination. You can ref table pagination config or full pagination document, hide it by setting it to false
      */
-    downloadText: string;
-}
-export interface OrDownloadUploadProps {
+    pagination?: OrTableProps['pagination'];
     /**
-     * Key identifier
+     * Row's unique key, could be a string or function that returns a string
      */
-    inputKey: string;
+    rowKey?: OrTableProps['rowKey'];
     /**
-     * The function to call when the value of the file changes
+     * On change form content
      */
-    getValueFromEvent?: (e: any) => any;
+    onValuesChange?: OrFormProps['onValuesChange'];
     /**
-     * The rules for the file
+     * Callback when pagination changes
      */
-    rules?: MlFromItemProps['rules'];
+    onChangeTable?: OrTableProps['onChange'];
     /**
-     * If the file is required
+     * Extendable table TM CrudPage
      */
-    isRequired?: boolean;
-    downloadProps: OrDownloadProps;
-    uploadProps: MlUploadProps;
-    disabled?: boolean;
+    expandable?: OrTableProps['expandable'];
     /**
-     * The mode of the upload
+     * On press cancel and close button function
      */
-    mode?: 'drag' | 'basic';
-}
-export const OrDownloadUpload: React.FC<OrDownloadUploadProps>;
-export type OrColumnsType<T = unknown> = ColumnsType<T>;
-export type OnChangeTable<RecordType = AnyObject> = (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void;
-export interface OrTableProps<RecordType = AnyObject> {
+    handleCloseCallback?: () => void;
     /**
-     * Whether to show all table borders
+     * State of the drawer
      */
-    bordered?: boolean;
+    open?: boolean;
     /**
-     * Columns of table
+     * Page title
      */
-    columns: TableProps<RecordType>['columns'];
+    title?: string;
     /**
-     * Data record array to be displayed
+     * Page subtitle
      */
-    dataSource: TableProps<RecordType>['dataSource'];
+    subtitle?: string;
     /**
-     * Loading status of table
+     * Page subtitle content
      */
-    loading?: TableProps<RecordType>['loading'];
+    subContent?: string;
     /**
-     * Config of pagination. You can ref table pagination config or full pagination document, hide it by setting it to false
+     * Page table title
      */
-    pagination?: TableProps<RecordType>['pagination'];
+    tableTitle?: string;
     /**
-     * Row's unique key, could be a string or function that returns a string
+     * Button value text
      */
-    rowKey?: TableProps<RecordType>['rowKey'];
+    buttonAddText?: string;
     /**
-     * 	Size of table
+     * Callback when add button is pressed
      */
-    size?: 'large' | 'middle' | 'small';
+    addButtonOnClick?: OrModuleTableHeaderProps['buttonOnClick'];
     /**
-     * Set sticky header and scroll bar
+     * Callback when pagination changes
      */
-    sticky?: boolean;
+    onChangePagination?: MlPaginationProps['onChange'];
     /**
-     * Table title renderer
+     * Total table elements
      */
-    title?: TableProps<RecordType>['title'];
+    total?: MlPaginationProps['total'];
     /**
-     * Callback executed when pagination, filters or sorter is changed
+     * Way to display total pagination table
      */
-    onChange?: OnChangeTable<RecordType>;
+    showTotal?: MlPaginationProps['showTotal'];
     /**
-     * row selection config
+     * Table page size
      */
-    rowSelection?: TableProps<RecordType>['rowSelection'];
+    pageSize?: MlPaginationProps['pageSize'];
     /**
-     * Set the scroll of table, could be a number that indicates the width of the scroll area, or an object that has the following properties: x number | string, y number | string
+     * Current page table
      */
-    scroll?: TableProps<RecordType>['scroll'];
-    /**
-     * Set the expandable of table
-     * */
-    expandable?: ExpandableConfig<RecordType> | undefined;
+    currentPage?: number;
     /**
-     * components of table
+     * Disable buttons drawer
      */
-    components?: TableProps<RecordType>['components'];
-}
-export const OrTable: <RecordType extends AnyObject>({ bordered, loading, pagination, size, sticky, rowSelection, ...props }: OrTableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
-/**
- * Props for the SortableContextWrapper component.
- */
-export interface OrSortableContextWrapperProps<RecordType = AnyObject> {
+    disabledButtons?: boolean;
     /**
-     * An array of items to be sorted.
+     * Form Steps info
      */
-    items: TableProps<RecordType>['dataSource'];
+    formSteps?: IFormStep<FormType>[];
     /**
-     * Callback function that is called when dragging ends.
+     * current step
      */
-    onDragEnd: (event: DragEndEvent) => any;
+    currentFormStep?: number;
     /**
-     * The child nodes to be rendered within the sortable context.
+     * Search table elements
      */
-    children: React.ReactNode;
-}
-export const OrSortableContextWrapper: React.FC<OrSortableContextWrapperProps>;
-interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    'data-row-key': string;
-    showDraggableIcon?: boolean;
-}
-export const OrSortableRow: React.FC<RowProps>;
-export interface OrDraggableTableProps<RecordType = AnyObject> {
+    searchBoxOnSearch?: OrModuleTableHeaderProps['searchBoxOnSearch'];
     /**
-     * Whether to show all table borders
+     * title of drawer
      */
-    bordered?: boolean;
+    titleLeftDrawer?: ReactNode;
     /**
-     * Columns of table
+     * Specify a callback that will be called when a user clicks mask, close button or Cancel button
      */
-    columns: TableColumnsType<any>;
+    onCloseLeftDrawer?: (e: React.MouseEvent | React.KeyboardEvent) => void;
     /**
-     * Data record array to be displayed
+     * whether left drawer is open or close
      */
-    data: _TableProps1<RecordType>['dataSource'];
+    openLeftDrawer?: boolean;
     /**
-     *
-     * onDragEnd function to execute
+     * Children for Left Drawer
      */
-    onDragEnd: (event: DragEndEvent) => any;
+    leftDrawerContent?: React.ReactNode;
     /**
-     * Whether to show draggable icon
+     * Custom component to render at left side of table header
      */
-    showDraggableIcon?: boolean;
-}
-export const OrDraggableTable: <RecordType extends AnyObject>({ data, columns, onDragEnd, showDraggableIcon, }: OrDraggableTableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
-export interface OrDrawerProps {
+    tableHeaderCustomLeftElements?: React.ReactNode;
     /**
-     * The ID for input
+     * Drawer Width
      */
-    id?: string;
+    leftDrawerWidth?: number;
     /**
-     * Whether Drawer should get focused after open
+     * searchBox placeHolder
      */
-    autoFocus?: boolean;
+    searchBoxPlaceholder?: string;
     /**
-     * Callback after the animation ends when switching drawers
+     * show search box
      */
-    afterOpenChange?: (open: boolean) => void;
+    showSearchBox?: boolean;
     /**
-     * Style of the drawer content part
+     * Drawer Content
      */
-    bodyStyle?: CSSProperties;
+    drawerContent?: React.ReactNode;
     /**
-     * Config Drawer Panel className. Use rootClassName if want to config top dom style
+     * Drawer Title
      */
-    className?: string;
+    drawerTitle?: React.ReactNode;
     /**
-     * Custom close icon. 5.7.0: close button will be hidden when setting to null or false
+     * Drawer Width
      */
-    closeIcon?: boolean | ReactNode;
+    drawerWidth?: number;
     /**
-     * Style of the drawer wrapper of content part
+     * Text of first button
      */
-    contentWrapperStyle?: CSSProperties;
+    firstButtonText?: string;
     /**
-     * Whether to unmount child components on closing drawer or not
+     * Text of second button
      */
-    destroyOnClose?: boolean;
+    secondButtonText?: string;
     /**
-     * Extra actions area at corner
+     * Function to execute when first button is clicked
      */
-    extra?: ReactNode;
+    onClickFirstButton?: () => void;
     /**
-     * The footer for Drawer
+     * Function to execute when second button is clicked
      */
-    footer?: ReactNode;
+    onClickSecondButton?: () => void;
     /**
-     * Style of the drawer footer part
+     * Show drawer content
      */
-    footerStyle?: CSSProperties;
+    showDrawerContent?: boolean;
     /**
-     * Pre-render Drawer component forcibly
+     * margin
      */
-    forceRender?: boolean;
+    $margin?: string;
     /**
-     * mounted node and display window for Drawer
+     * table title level
      */
-    getContainer?: DrawerProps['getContainer'];
+    tableTitleLevel?: 1 | 2 | 3 | 4 | 5;
     /**
-     * Style of the drawer header part
+     * button optional text
      */
-    headerStyle?: CSSProperties;
+    secondaryButtonText?: string;
     /**
-     * Placement is top or bottom, height of the Drawer dialog
+     * button optional onClick
      */
-    height?: string | number;
+    secondaryOnClick?: () => void;
     /**
-     * Whether support press esc to close
+     * button optional text
      */
-    keyboard?: boolean;
+    showFormStepper?: boolean;
+    onBack?: () => void;
+    resources: OrCalendarProps['resources'];
+    events: OrCalendarProps['events'];
+    resourceTitle: OrCalendarProps['resourceTitle'];
     /**
-     * Whether to show mask or not
+     * Actual display date
      */
-    mask?: boolean;
+    displayDate: string;
     /**
-     * Clicking on the mask (area outside the Drawer) to close the Drawer or not
+     * handles segment change
      */
-    maskClosable?: boolean;
+    onChangeSegment?: AtSegmentedProps['onChange'];
     /**
-     * Style for Drawer's mask element
+     * Options for the segment control.
      */
-    maskStyle?: CSSProperties;
+    segmentOptions?: AtSegmentedProps['options'];
     /**
-     * The placement of the Drawer
+     * Columns for select filters.
      */
-    placement?: 'top' | 'right' | 'bottom' | 'left';
+    columnsFilters?: OrModuleCalendarHeaderProps['columnsFilters'];
     /**
-     * Nested drawers push behavior
+     * Columns for buttons filters.
      */
-    push?: boolean | {
-        distance: string | number;
-    };
+    buttonsFilters?: {
+        label: string;
+        onClick: AtButtonProps['onClick'];
+        icon: AtButtonProps['icon'];
+    }[];
     /**
-     * The class name of the container of the Drawer dialog
+     * Custom event content
      */
-    rootClassName?: string;
-    /**
-     * Style of wrapper element which contains mask compare to style
-     */
-    rootStyle?: CSSProperties;
+    eventContent?: (eventInfo: {
+        event: OrCalendarProps['events'];
+    }) => React.ReactNode;
     /**
-     * Style of Drawer panel. Use bodyStyle if want to config body only
+     * Icon for first button
      */
-    style?: CSSProperties;
+    buttonIcon?: string;
     /**
-     * preset size of drawer, default 378px and large 736px
+     * Button onClick
      */
-    size?: 'default' | 'large';
+    buttonOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
     /**
-     * The title for Drawer
+     * text for filtering
      */
-    title?: ReactNode;
+    filterText: string;
     /**
-     * Whether the Drawer dialog is visible or not
+     * text for popover action
      */
-    open?: boolean;
+    actionPopOverText?: string;
     /**
-     * Width of the Drawer dialog
+     * Left Arrow Button onClick
      */
-    width?: string | number;
+    leftArrowOnOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
     /**
-     * The z-index of the Drawer
+     * Right Arrow Button onClick
      */
-    zIndex?: number;
+    rightArrowOnOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
     /**
-     * Specify a callback that will be called when a user clicks mask, close button or Cancel button
+     * Current date of the calendar
      */
-    onClose?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    currentDate: Date | string | number;
     /**
-     * Children of the drawer
+     * Handles resource select
      */
-    children?: React.ReactNode;
-}
-export const OrDrawer: React.FC<OrDrawerProps>;
-export interface OrEmptyProps {
+    onSelectResource?: (id: string) => void;
     /**
-     * The main text of the empty card
+     * Handles date selection
      */
-    title: string;
+    onSelectDate?: (value: Dayjs | null) => void;
     /**
-     * The additional text of the empty card
+     * Handles loading state
      */
-    description: string;
+    loadingSearchFilter?: boolean;
 }
-export const OrEmpty: React.FC<OrEmptyProps>;
-/**
- * Properties for the OrEventContentDuty component.
- */
-export interface OrEventContentDutyProps {
-    /**
-     * Status of the event, corresponding to a key in EVENTS_POPOVER_COLORS.
-     */
-    status: keyof typeof EVENTS_POPOVER_COLORS;
+export const TmCalendarPage: <RecordType extends AnyObject, FormType extends Store>({ formSteps, onValuesChange, onCloseLeftDrawer, leftDrawerContent, openLeftDrawer, buttonAddText, buttonIcon, buttonOnClick, open, currentFormStep, titleLeftDrawer, leftDrawerWidth, drawerContent, showDrawerContent, drawerTitle, drawerWidth, firstButtonText, secondButtonText, onClickFirstButton, onClickSecondButton, $margin, title, actionPopOverText, disabledButtons, handleCloseCallback, showFormStepper, onBack, events, resources, resourceTitle, displayDate, onChangeSegment, segmentOptions, columnsFilters, buttonsFilters, filterText, leftArrowOnOnClick, rightArrowOnOnClick, currentDate, onSelectResource, loadingSearchFilter, onSelectDate, loadingTable, }: TmCalendarPageProps<RecordType, FormType>) => import("react/jsx-runtime").JSX.Element;
+export interface MarkersArrayMap {
+    type: 'add' | 'oneWay' | 'return';
+    color?: OrMarkProps['color'];
+    backgroundColor?: string;
+    size?: OrMarkProps['size'];
+    marks: OrMarkProps[];
+    polyLine: boolean;
+    onClickMarker?: (item: OrMarkProps) => void;
+    popOverButtonText?: string;
+    title?: string;
+}
+export interface TmCustomMapPageProps<FormType = any> extends OrModuleTableHeaderProps {
+    map: GoogleMapProps & {
+        GOOGLE_MAPS_API_KEY: string;
+        ref?: React.RefObject<GoogleMap>;
+    };
+    staticMarkers?: MarkersArrayMap[];
+    realtimeMarkers?: MarkersArrayMap[];
     /**
-     * Text representing the status of the event.
+     * State of the drawer
      */
-    statusText: string;
+    open?: boolean;
     /**
-     * Text representing the route of the event.
+     * On press cancel and close button function
      */
-    routeText: string;
+    handleCloseCallback?: () => void;
     /**
-     * Name of the driver associated with the event (optional).
+     * Disable buttons drawer
      */
-    driverName?: string;
+    disabledButtons?: boolean;
     /**
-     * Callback function to handle popover click events.
+     * Form Steps info
      */
-    onClickPopOver: () => void;
+    formSteps?: IFormStep<FormType>[];
     /**
-     * Text for the popover action (optional).
+     * current step
      */
-    actionPopOverText?: string;
+    currentFormStep?: number;
     /**
-     * Start time of the event, can be a number, Date, or string.
+     * Drawer Content
      */
-    start: number | Date | string;
+    drawerContent?: React.ReactNode;
     /**
-     * End time of the event, can be a number, Date, or string.
+     * Drawer Title
      */
-    end: number | Date | string;
+    drawerTitle?: React.ReactNode;
     /**
-     * Title of the event.
+     * Drawer Title
      */
-    title: string;
+    drawerTitleSecondary?: React.ReactNode;
     /**
-     * start hour of the event.
+     * Drawer Width
      */
-    startTime: string;
+    drawerWidth?: number;
     /**
-     * end hour of the event.
+     * Drawer Width
      */
-    endTime: string;
-}
-export const EVENTS_POPOVER_COLORS: {
-    inProgress: string;
-    scheduled: string;
-    completed: string;
-    cancelled: string;
-    late: string;
-    noAssigned: string;
-};
-export const OrEventContentDuty: React.FC<OrEventContentDutyProps>;
-export interface OrFlagGridProps {
+    drawerWidthSecondary?: number;
     /**
-     * The ID for cards
+     * Text of first button
      */
-    id?: string;
+    firstButtonText?: string;
     /**
-     * Country data to show elements into the grid
+     * Text of second button
      */
-    data?: OrCountryCardProps[];
+    secondButtonText?: string;
     /**
-     * Number of items that can contain a row
+     * Function to execute when first button is clicked
      */
-    itemsPerRow?: number;
+    onClickFirstButton?: () => void;
     /**
-     * Index selected Item
+     * Function to execute when second button is clicked
      */
-    selectedItem?: number;
+    onClickSecondButton?: () => void;
     /**
-     * Callback when card is clicked
+     * Show drawer content
      */
-    onSelectCard?: (index: number) => void;
-}
-export const OrFlagGrid: React.FC<OrFlagGridProps>;
-export interface OrFormProps extends FormProps {
-    children: React.ReactNode;
-}
-export const OrForm: React.FC<OrFormProps>;
-export interface AtSpaceCompactProps {
+    showDrawerContent?: boolean;
     /**
-     * The ID for input
+     * margin
      */
-    id?: string;
+    $margin?: string;
     /**
-     * Option to fit width to its parent's width
+     * table title level
      */
-    block?: boolean;
+    tableTitleLevel?: 1 | 2 | 3 | 4 | 5;
     /**
-     * Set direction of layout
+     * button optional text
      */
-    direction?: 'vertical' | 'horizontal';
+    secondaryButtonText?: string;
     /**
-     * Set child component size
+     * button optional onClick
      */
-    size?: 'large' | 'middle' | 'small';
+    secondaryOnClick?: () => void;
     /**
-     * Children of the OrSpace
+     * button optional text
      */
-    children?: React.ReactNode;
-}
-export const OrSpaceCompact: React.FC<AtSpaceCompactProps>;
-export interface OrPhoneInputProps {
+    showFormStepper?: boolean;
+    onBack?: () => void;
     /**
-     * Name of input
+     * On change form content
      */
-    name?: string;
+    onValuesChange?: OrFormProps['onValuesChange'];
     /**
-     * Dial codes options
+     * Button value text
      */
-    options: AtSelectProps['options'];
+    buttonAddText?: string;
     /**
-     * Disabled input
+     * Callback when add button is pressed
      */
-    disabled?: boolean;
-    /**
-     * Rules for validation
-     * @default []
-    */
-    rules?: MlFromItemProps['rules'];
-}
-export const OrPhoneInput: React.FC<OrPhoneInputProps>;
-export interface OrSelectInputProps {
+    addButtonOnClick?: OrModuleTableHeaderProps['buttonOnClick'];
     /**
-     * Dial codes options
+     * Custom component to render at left side of table header
      */
-    options: AtSelectProps['options'];
+    tableHeaderCustomLeftElements?: React.ReactNode;
     /**
-     * Disabled input
+     * padding
      */
-    disabled?: boolean;
+    padding?: string;
     /**
-     * Rules for validation
-     * @default []
+     * Custom component to render on map item click popover
      */
-    rules?: MlFromItemProps['rules'][];
-    type?: 'number' | 'text';
-    fieldName: string;
-    inputProps?: AtTextInputProps | AtNumberInputProps;
-    selectProps?: AtSelectProps;
-    value?: {
-        select: string;
-        input: string;
+    itemOnClickMap?: {
+        visible: boolean;
+        lat: number;
+        lng: number;
+        item: any;
+        id: string | null;
+        pictureUrl?: string;
     };
-}
-export const OrSelectInput: React.FC<OrSelectInputProps>;
-export interface AtIconProps {
     /**
-     * The ID for input
+     * Custom icon rendered to select a point in the map
      */
-    id?: string;
+    markSelectIcon?: React.ReactNode;
     /**
-     * Name of the icon
+     *markers width
      */
-    name?: keyof typeof Icons;
+    markersWidth?: number;
     /**
-     * Define the color used to paint the svg element
+     * Circle props
      */
-    fill?: string;
+    circle?: CircleProps;
     /**
-     * The computed style of the svg element
+     * Open routes modal
      */
-    style?: CSSProperties;
+    openRoutesModal?: boolean;
     /**
-     * The height of the svg element
+     * On press cancel and close button function
      */
-    height?: string | number;
+    handleCloseCallbackSecondary?: () => void;
     /**
-     * The width of the svg element
+     * Routes items
      */
-    width?: string | number;
+    routesItems?: React.ReactNode;
     /**
-     * Define extra properties to the component
+     * Polylines
      */
-    extraCommonProps?: {
-        [key: string]: any;
-    };
+    polylines?: {
+        color: string | null | undefined;
+        stops: {
+            latitude: number;
+            longitude: number;
+        }[];
+    }[];
     /**
-     * The URL generated by iconfont.cn project. Support string[] after @ant-design/icons@4.1.0
+     * On click polyline
      */
-    scriptUrl?: string | string[];
+    onClickPolyline?: (event: google.maps.MapMouseEvent | null, route?: any) => void;
+}
+export const TmCustomMapPage: React.FC<TmCustomMapPageProps>;
+export interface TmCustomTabsPageProps<FormType = any> {
     /**
-     * The component used for the root node
+     * Avatar image
      */
-    component?: IconComponentProps['component'];
+    avatar?: string;
     /**
-     * Rotate degrees (not working in IE9)
+     * User name
      */
-    rotate?: number;
+    username: string;
     /**
-     * Rotate icon with animation
+     * User phone number
      */
-    spin?: boolean;
+    phone: string;
     /**
-     * Color of the icon
+     * Balance ticket label
      */
-    twoToneColor?: string;
-}
-export const AtIcon: React.FC<AtIconProps>;
-export interface AtInputStatusProps {
+    balanceLabel: string;
     /**
-     * Custom close icon. 5.7.0: close button will be hidden when setting to null or false
+     * Balance ticket value
      */
-    closeIcon?: React.ReactNode;
+    balanceValue: string;
     /**
-     * Set the icon of tag
+     * Icon for the info part
      */
-    icon?: React.ReactNode;
+    infoIcon?: AtIconProps['name'];
     /**
-     * Callback executed when tag is closed
+     * Info label
      */
-    onClose?: (e: React.MouseEvent<HTMLElement>) => void;
+    infoLabel?: string;
     /**
-     * Tag text
+     * Info value
      */
-    children?: React.ReactNode;
+    infoValue?: string;
     /**
-     * Status type
+     * Main button label
      */
-    type?: 'success' | 'warning' | 'danger' | 'info' | 'default';
-    visible?: boolean;
-}
-export const AtInputStatus: React.FC<AtInputStatusProps>;
-type _Size1 = 'large' | 'middle' | 'small';
-export interface OrMarkProps {
-    id?: string;
-    text?: string;
-    color?: AtTextProps['color'];
-    backgroundColor?: string;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    size?: _Size1;
-    position: {
-        lat: number;
-        lng: number;
-    };
-    component?: React.ReactNode;
-    hasOverlay?: boolean;
-    translate?: number[];
-}
-export const OrMark: React.FC<OrMarkProps>;
-export enum MarkSize {
-    Large = "large",
-    Middle = "middle",
-    Small = "small"
-}
-export interface MarkersGroup {
-    color?: OrMarkProps['color'];
-    backgroundColor?: string;
-    size?: OrMarkProps['size'];
-    marks: OrMarkProps[];
-    polyLine: boolean;
-}
-export interface OrGoogleMapsProps extends GoogleMapProps {
+    mainButtonLabel: string;
     /**
-     * The origin of the route.
+     * Secondary button label
      */
-    origin?: string | google.maps.LatLng | google.maps.Place | google.maps.LatLngLiteral;
+    secondaryButtonLabel?: string;
     /**
-     * The destination of the route.
+     * Main button icon
      */
-    destination?: string | google.maps.LatLng | google.maps.Place | google.maps.LatLngLiteral;
+    mainButtonIcon?: AtIconProps['name'];
     /**
-     * Type of routing requested.
+     * Secondary button icon
      */
-    travelMode?: google.maps.TravelMode;
+    secondaryButtonIcon?: AtIconProps['name'];
     /**
-     * The stroke color.
+     * Left arrow click event
      */
-    strokeColor?: string | null;
+    onClickLeftArrow?: () => void;
     /**
-     * The stroke opacity between 0.0 and 1.0.
+     * Main action click event
      */
-    strokeOpacity?: number | null;
+    onClickMainAction?: () => void;
     /**
-     * The stroke width in pixels.
+     * Secondary action click event
      */
-    strokeWeight?: number | null;
+    onClickSecondaryAction?: () => void;
     /**
-     * The Google Maps API key.
+     * Form Steps info
      */
-    GOOGLE_MAPS_API_KEY: string;
+    formSteps?: IFormStep<FormType>[];
     /**
-     * Static markers.
+     * On press cancel and close button function
      */
-    staticMarkers?: MarkersGroup[];
+    handleCloseCallback?: () => void;
     /**
-     * Realtime markers.
+     * State of the drawer
      */
-    realtimeMarkers?: MarkersGroup[];
+    open?: boolean;
     /**
-     * Polylines
+     * Drawer Content
      */
-    polylines?: {
-        color: string | null | undefined;
-        stops: {
-            latitude: number;
-            longitude: number;
-        }[];
-    }[];
-}
-export const OrGoogleMaps: React.FC<OrGoogleMapsProps>;
-export const useMessage: () => readonly [import("antd/es/message/interface").MessageInstance, import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
-export interface ModalProps extends ModalFuncProps {
-    variant: 'confirm' | 'warning' | 'info' | 'error';
+    drawerContent?: React.ReactNode;
+    /**
+     * Drawer Title
+     */
+    drawerTitle?: React.ReactNode;
+    /**
+     * Drawer Width
+     */
+    drawerWidth?: number;
+    /**
+     * Disable buttons drawer
+     */
+    disabledButtons?: boolean;
+    /**
+     * current step
+     */
+    currentFormStep?: number;
+    /**
+     * button optional text
+     */
+    showFormStepper?: boolean;
+    /**
+     * On change form content
+     */
+    onValuesChange?: OrFormProps['onValuesChange'];
+    /**
+     * Tabs props
+     */
+    tabsProps: OrTabsProps;
+    /**
+     * Breadcrumb items titles
+     */
+    breadcrumbItems?: MlBreadcrumbProps['items'];
 }
-export const useModal: () => {
-    show: (config: ModalFuncProps) => {
-        destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
-    } & {
-        then<T>(resolve: (confirmed: boolean) => T, reject: VoidFunction): Promise<T>;
+export const TmCustomTabsPage: <FormType extends Store>({ avatar, username, phone, balanceLabel, balanceValue, infoIcon, infoLabel, infoValue, mainButtonLabel, secondaryButtonLabel, mainButtonIcon, secondaryButtonIcon, onClickLeftArrow, onClickMainAction, onClickSecondaryAction, formSteps, handleCloseCallback, open, drawerTitle, drawerWidth, disabledButtons, currentFormStep, showFormStepper, onValuesChange, tabsProps, breadcrumbItems, }: TmCustomTabsPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
+interface IDashboardItems {
+    gutter: {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
     };
-    setVariant: import("react").Dispatch<import("react").SetStateAction<"warning" | "info" | "error" | "confirm">>;
-    contextHolder: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-};
-export const useForm: <T = any>() => [import("antd").FormInstance<T>];
-export const useFormWatch: <T = any>(name: string | string[], form?: FormInstance | WatchOptions<FormInstance>) => T;
-export type OrSelectTableOption<T = any> = {
-    label: string;
-    value: string;
-    fullData: T;
-};
-export interface OrSelectTableProps<T = any> extends AtSelectProps {
-    columns?: OrTableProps['columns'];
-    data?: OrTableProps['dataSource'];
-    options?: OrSelectTableOption<T>[];
-    fieldName: string;
-    rules?: MlFromItemProps['rules'][];
-}
-export const OrSelectTable: React.FC<OrSelectTableProps>;
-interface TextProps extends AtTextProps {
-    text: string;
+    children: React.ReactNode;
 }
-export interface OrFormInLineItem {
+export interface TmDashboardProps<FormType = any> {
     /**
-     * Type of components available for the form
+     * Header props
      */
-    component: 'radio' | 'radio-cards' | 'number-input' | 'checkbox' | 'select' | 'select-multiple' | 'text' | 'phone' | 'date-picker' | 'date-range-picker' | 'cvc' | 'name' | 'select-input' | 'info' | 'copy-info' | 'status-info' | 'file-input' | 'collapse' | 'download-upload' | 'summary' | 'qr-code' | 'select-table' | 'google-map' | 'google-autocomplete-search' | 'stepper' | 'input-list' | 'button' | 'group' | 'divider' | 'image' | 'time-range-picker' | 'autocomplete-search' | 'tabs' | 'descriptions-table' | 'draggable-table' | 'summary' | 'badge-ribbon' | 'summary-descriptions' | 'collapse-custom-vehicles';
+    headerProps: OrModuleTableHeaderProps;
     /**
-     * Label of the field
+     *  items from left for render on the dashboard
      */
-    label?: string | string[];
+    itemsLeft: IDashboardItems[];
     /**
-     * Key identifier
+     *  items from right for render on the dashboard
      */
-    key?: string;
+    itemsRight: IDashboardItems[];
     /**
-     * Field name (develop purpose)
+     * drawer config
      */
-    fieldName: string;
+    drawerConfig?: {
+        /**
+         * current step
+         */
+        currentFormStep?: number;
+        /**
+         * Disable buttons drawer
+         */
+        disabledButtons?: boolean;
+        /**
+         * Form Steps info
+         */
+        formSteps?: IFormStep<FormType>[];
+        /**
+         * On press cancel and close button function
+         */
+        handleCloseCallback?: () => void;
+        /**
+         * State of the drawer
+         */
+        open?: boolean;
+        /**
+         * Drawer Title
+         */
+        drawerTitle?: React.ReactNode;
+        /**
+         * On change form content
+         */
+        onValuesChange?: OrFormProps['onValuesChange'];
+        /**
+         * Drawer Width
+         */
+        drawerWidth?: number;
+    };
+}
+export const TmDashboard: ({ headerProps, itemsLeft, itemsRight, drawerConfig, }: TmDashboardProps) => import("react/jsx-runtime").JSX.Element;
+export interface OrDetailsPageProps<FormType = any> {
     /**
-     * Place holder (only for inputs)
+     * The ID for input
      */
-    placeHolder?: string;
+    id?: string;
     /**
-     * Children of the FormItems (Recursive Form)
+     * Title of the description set
      */
-    children?: OrFormItemsInlineProps | React.ReactElement | string;
+    title: string;
     /**
-     * Specifies options for fields that allows options
+     * Whether the table has border or not
      */
-    options?: MlRadioGroupProps['options'] | MlCheckboxGroup['options'] | AtSelectProps['options'] | OrSelectTableOption[];
+    bordered?: boolean;
     /**
-     * Rules for field validation. Click [here](https://ant.design/components/form#components-form-demo-basic) to see an example
+     * Items to display
      */
-    rules?: MlFromItemProps['rules'];
-    compositeRules?: [MlFromItemProps['rules'], MlFromItemProps['rules']];
-    compositeType?: OrSelectInputProps['type'];
-    hidden?: boolean;
-    disabled?: boolean;
-    styles?: CSSProperties;
-    addonAfter?: ReactNode;
-    onSearch?: (value: string) => any;
-    showSearch?: boolean;
-    onChange?: (value: any, option?: DefaultOptionType | Array<DefaultOptionType>) => any;
-    onSelect?: AtSelectProps['onSelect'];
-    onDeselect?: AtSelectProps['onDeselect'];
-    filterOption?: AtSelectProps['filterOption'];
-    disabledDate?: AtDatePickerPros['disabledDate'];
-    formatter?: AtNumberInputProps['formatter'];
-    parser?: AtNumberInputProps['parser'];
-    items?: OrCollapseProps['items'];
-    iconItems?: MlInfoListProps['items'];
-    summaryDescriptionsProps?: OrDescriptionsProps;
+    items: OrDescriptionsProps['items'];
     /**
-     * Format of the date
+     * Extra content to display
      */
-    format?: string;
-    textProps?: TextProps | Array<TextProps>;
-    tabProps?: OrTabsProps;
-    badgeCardProps?: AtBadgeCardProps;
-    collapseCardProps?: OrCollapseCardProps;
-    onClick?: () => any;
+    extra?: OrDescriptionsProps['extra'];
+    /**
+     * Form Steps info
+     */
+    formSteps?: IFormStep<FormType>[];
     /**
-     * Limit the number of uploaded files. Will replace current one when maxCount is 1
+     * On press cancel and close button function
      */
-    maxCount?: number;
+    handleCloseCallback?: () => void;
     /**
-     * Specify how to get value from event or other onChange arguments
+     * State of the drawer
      */
-    getValueFromEvent?: (e: any) => any;
+    open?: boolean;
     /**
-     * Hook function which will be executed before uploading. Uploading will be stopped with false or a rejected Promise returned. When returned value is Upload.LIST_IGNORE, the list of files that have been uploaded will ignore it. Warning：this function is not supported in IE9
+     * Drawer Content
      */
-    beforeUpload?: UploadProps['beforeUpload'];
+    drawerContent?: React.ReactNode;
     /**
-     * Enables full width
+     * Drawer Title
      */
-    fullWidth?: boolean;
+    drawerTitle?: React.ReactNode;
     /**
-     * Type of the status info
+     * Drawer Width
      */
-    type?: 'success' | 'warning' | 'danger' | 'info' | 'default';
+    drawerWidth?: number;
     /**
-     * Tooltip of the label
+     * Disable buttons drawer
      */
-    tooltip?: MlFromItemProps['tooltip'];
+    disabledButtons?: boolean;
     /**
-     * Title of the download-upload
+     * current step
      */
-    title?: string;
+    currentFormStep?: number;
     /**
-     * Span of the column (only for inline items)
+     * button optional text
      */
-    span?: number;
+    showFormStepper?: boolean;
     /**
-     * Span of the column on medium screens (only for inline items)
+     * On change form content
      */
-    md?: number;
+    onValuesChange?: OrFormProps['onValuesChange'];
     /**
-     * MlInfoList items
+     * config the OrAlert component showed
      */
-    summaryItems?: MlInfoListProps['items'];
+    orAlertConfig?: OrAlertProps;
+}
+export const OrDetailsPage: <FormType extends Store>({ title, bordered, items, extra, formSteps, handleCloseCallback, open, drawerTitle, drawerWidth, disabledButtons, currentFormStep, showFormStepper, onValuesChange, orAlertConfig, }: OrDetailsPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
+export interface TmDescriptionsPageProps {
     /**
-     * Label column span
+     * The ID for input
      */
-    labelCol?: number;
+    id?: string;
     /**
-     * Information to be displayed below the input
+     * Whether the table has border or not
      */
-    extraInfo?: string;
+    bordered?: boolean;
     /**
-     * The Google Maps props
+     * Items to display
      */
-    mapsProps?: OrGoogleMapsProps;
+    items: Array<OrDetailsPageProps | Array<OrDetailsPageProps>>;
     /**
-     * The Google Maps API key.
+     * Disable buttons drawer
      */
-    GOOGLE_MAPS_API_KEY?: string;
+    disabledButtons?: boolean;
     /**
-     * Country code
+     * On change form content
      */
-    country?: string;
+    onValuesChange?: OrFormProps['onValuesChange'];
     /**
-     * The props for the autocomplete search
+     * Custom header page template
      */
-    autocompleteProps?: Omit<MlAutocompleteSearchProps, 'fieldName' | 'rules'>;
+    header?: React.ReactElement;
+}
+export const TmDescriptionsPage: ({ items, header, }: TmDescriptionsPageProps) => import("react/jsx-runtime").JSX.Element;
+export interface TmFormListPageProps<FormType = any> {
+    formList?: {
+        title?: string;
+        formStepProps?: IFormStep<FormType>[];
+        formProps?: OrFormProps;
+        stepProps?: OrStepProp;
+        disabledButtons?: boolean;
+        formButtonProps?: AtButtonProps;
+    }[];
+}
+export const TmFormListPage: <FormType extends Store>({ formList, }: TmFormListPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
+export interface OrFlagGridProps {
     /**
-     * The size of the QR code
+     * The ID for cards
      */
-    size?: number;
+    id?: string;
     /**
-     * Columns for the table (select-table component)
+     * Country data to show elements into the grid
      */
-    columns?: OrTableProps['columns'];
+    data?: OrCountryCardProps[];
     /**
-     * Data for the table (select-table component)
+     * Number of items that can contain a row
      */
-    data?: OrTableProps['dataSource'];
+    itemsPerRow?: number;
     /**
-     * The picker type (date-picker component)
+     * Index selected Item
      */
-    picker?: AtDatePickerPros['picker'];
+    selectedItem?: number;
     /**
-     * file list for the file-input component
+     * Callback when card is clicked
      */
-    fileList?: MlUploadProps['fileList'];
+    onSelectCard?: (index: number) => void;
+}
+export const OrFlagGrid: React.FC<OrFlagGridProps>;
+export interface OrSimpleBannerProps {
     /**
-     * onRemove for the file-input component
+     * Id of the OrSimpleBannerProps
      */
-    onRemoveUploadedFile?: MlUploadProps['onRemove'];
-    noStyle?: boolean;
+    id?: string;
     /**
-     * The mode of the upload
+     * Background image for banner
      */
-    uploadMode?: 'drag' | 'basic';
+    $backgroundSrc?: string;
+}
+export const OrSimpleBanner: React.FC<OrSimpleBannerProps>;
+export interface TmLoginCountryProps {
+    data?: OrCountryCardProps[];
+    title?: string;
+    itemsPerRow?: number;
+    $backgroundSrc?: string;
     /**
-     * The description of the summary component
+     * Index selected Item
      */
-    description?: string;
+    selectedItem?: number;
     /**
-     * Stepper props
+     * Callback when card is clicked
      */
-    stepperProps?: OrStepProp;
+    onSelectCard?: (index: number) => void;
+}
+export const TmLoginCountry: React.FC<TmLoginCountryProps>;
+export interface IRegion {
+    id: string;
+    countryName: string;
+    region: string;
+    city: string;
+}
+export interface IFormData {
+    phone: {
+        dialCode: string;
+        phone: string;
+    };
+}
+export interface TmLoginPhoneProps {
+    countrySelectOptions?: IRegion[];
     /**
-     * Custom select options
+     * Welcome title
      */
-    customOptions?: AtSelectProps['options'];
+    title?: string;
     /**
-     * Adds a collapse wrapper to the current input
+     * Highlighted text into title
      */
-    collapseWrapper?: boolean;
+    highlightedTitle?: string;
     /**
-     * The orientation of the input
+     * Submit button text
      */
-    orientation?: 'horizontal' | 'vertical';
+    buttonText: string;
     /**
-     * The type of the list item
+     * Form init values
      */
-    listValues?: LabeledValue[];
+    initialValues?: IFormData;
     /**
-     * The type of the list item
+     * Dial codes available
      */
-    listItemType?: 'autocomplete' | 'text';
+    dialCodes: string[];
     /**
-     * The text for the bottom button
+     * Phone regex validation
      */
-    addButtonText?: string;
+    phoneRegex?: RegExp;
     /**
-     * The mode of the button
+     * Phone validation message
      */
-    buttonType?: AtButtonProps['type'];
+    phoneValidationMessage?: string;
     /**
-     * The icon of the button
+     * Phone validation input message
      */
-    icon?: AtButtonProps['icon'];
+    ruleMessage?: string;
     /**
-     * The function to fetch the place details
+     * On submit function
      */
-    fetchPlaceDetails?: (id: string) => any;
+    onFinish?: FormProps['onFinish'];
     /**
-     * The minimum number of items
+     * Form ref
      */
-    minItems?: number;
+    form?: FormProps['form'];
     /**
-     * The props for the image field
+     * Show country select
      */
-    imageProps?: AtImageProps;
+    showCountrySelect?: boolean;
+}
+export const TmLoginPhone: React.FC<TmLoginPhoneProps>;
+export interface AtCountdownProps {
     /**
-     * The props for the time range picker
+     * Format as dayjs	string
      */
-    timeRangePickerProps?: AtTimeRangePickerProps;
+    format?: string;
     /**
-     * The props for the time range picker
+     * The prefix node of value
      */
-    descriptionsTableProps?: DescriptionsProps;
+    prefix?: React.ReactNode;
     /**
-     * Allow auto clear for a select field
+     * The suffix node of value
      */
-    autoClearSearchValue?: boolean | undefined;
+    suffix?: React.ReactNode;
     /**
-     * Props for the draggable table
+     * The suffix node of value
      */
-    draggableTableProps?: OrDraggableTableProps;
+    title?: React.ReactNode;
     /**
-     * Id for the qr code element
+     * Set target countdown time	number
      */
-    qrCodeId?: string;
+    value?: CountdownProps['value'];
     /**
-     * Group items
+     * Set value section style	CSSProperties
      */
-    groupItems?: OrFormInLineItem[];
+    valueStyle?: React.CSSProperties;
     /**
-     * Group title
+     * Trigger when time's up
      */
-    groupTitle?: ReactNode | string;
+    onFinish?: () => void;
     /**
-     * input props
+     * Trigger when time's changing
      */
-    inputProps?: AtTextInputProps | AtNumberInputProps;
+    onChange?: (value: CountdownProps['value']) => void;
     /**
-     * The props for loading state in input list
+     * Font color
      */
-    loading?: boolean;
-}
-export interface OrFormItemsInlineProps {
-    inputs?: Array<OrFormInLineItem | Array<OrFormInLineItem | OrFormInLineItem[]>>;
-}
-export const OrFormItemsInline: React.FC<OrFormItemsInlineProps>;
-type _Size2 = 'large' | 'middle' | 'small';
-export interface OrLabelTextBoxProps {
-    title?: string;
-    text?: string;
-    id?: string;
-    size?: _Size2;
-    color?: AtTextProps['color'];
-}
-export const OrLabelTextBox: React.FC<OrLabelTextBoxProps>;
-export interface OrInfoCardProps {
-    data?: OrLabelTextBoxProps[];
-    id?: string;
-    image?: string;
-}
-export const OrInfoCard: React.FC<OrInfoCardProps>;
-export interface OrInfoHeaderCardProps extends MlCardProps {
+    $color?: 'normal' | 'primary';
     /**
-     * Left arrow click event
+     * Font size
      */
-    onClickLeftArrow?: () => void;
+    $fontSize?: number;
+}
+export const AtCountdown: React.FC<AtCountdownProps>;
+export interface TmLoginPhoneCodeProps {
     /**
-     * Breadcrumb items
+     * Page title
      */
-    breadcrumbItems?: _BreadcrumbProps1['items'];
+    title: string;
     /**
-     * Breadcrumb items
+     * Page title highlighted
      */
-    leftElement?: React.ReactElement;
+    highlightedTitle: string;
     /**
-     * Breadcrumb items
+     * Page description
      */
-    rightElement?: React.ReactElement;
-}
-/**
- * Primary input UI component for user interaction
- */
-export const OrInfoHeaderCard: React.FC<OrInfoHeaderCardProps>;
-export interface OrModuleTableHeaderProps {
+    description: string;
     /**
-     * Title of the module table header
+     * Button text
      */
-    title?: string;
+    buttonText: string;
     /**
-     * Search box placeholder
+     * On submit function
      */
-    searchBoxPlaceholder?: string;
+    onFinish?: FormProps['onFinish'];
     /**
-     * Search box value
+     * Form ref
      */
-    searchBoxValue?: string;
+    form?: FormProps['form'];
     /**
-     * Search box onChange
+     * Countdown description
      */
-    searchBoxOnChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    countdownDescription?: string;
     /**
-     * Search box onSearch
+     * Countdown value
      */
-    searchBoxOnSearch?: ((value: string, event?: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+    countdownValue?: number;
     /**
-     * Search box onPressEnter
+     * Countdown format
      */
-    searchBoxOnPressEnter?: ((event: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
+    countdownFormat?: string;
     /**
-     * Button value
+     * Indicate if the count down ended
      */
-    buttonValue?: string;
+    countdownEnded?: boolean;
     /**
-     * Button onClick
+     * Callback triggered when countdown ends
      */
-    buttonOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
+    onFinishCountdown?: () => void;
     /**
-     * Custom component to render at left side
+     * Countdown text part
      */
-    customLeftElements?: React.ReactNode;
+    countdownText?: [string, string];
     /**
-     * Show search box
+     * Send again text
      */
-    showSearchBox?: boolean;
+    sendAgainText?: string;
     /**
-     * Level of title
+     * Function to call when resend is press it
      */
-    level?: 1 | 2 | 3 | 4 | 5;
+    onResendPress?: () => void;
+}
+export const TmLoginPhoneCode: React.FC<TmLoginPhoneCodeProps>;
+export interface MarkersArray {
+    color?: OrMarkProps['color'];
+    backgroundColor?: string;
+    size?: OrMarkProps['size'];
+    marks: OrMarkProps[];
+    polyLine: boolean;
+}
+export interface TmMapPageProps {
+    rightDrawer?: OrDrawerProps;
+    topLeftSelect: AtSelectProps;
+    topLeftButton?: AtButtonProps;
+    map: GoogleMapProps & {
+        GOOGLE_MAPS_API_KEY: string;
+        ref?: React.RefObject<GoogleMap>;
+    };
+    staticMarkers?: MarkersArray[];
+    realtimeMarkers?: MarkersArray[];
+    polylines?: {
+        color: string | null | undefined;
+        stops: {
+            latitude: number;
+            longitude: number;
+        }[];
+    }[];
+}
+export const TmMapPage: React.FC<TmMapPageProps>;
+export interface OrRentalLayoutProps {
     /**
-     * Button value
+     * Children component
      */
-    secondaryButtonValue?: string;
+    children?: React.ReactNode;
     /**
-     * Button onClick
+     * Background source
      */
-    secondaryButtonOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
+    $backgroundSrc?: string;
+}
+export const OrRentalLayout: React.FC<OrRentalLayoutProps>;
+export interface TmQuoteResultPageProps {
     /**
-     * Icon for first button
+     * Background source
      */
-    buttonIcon?: string;
+    $backgroundSrc?: string;
     /**
-     * Icon for second button
+     * Rental result
      */
-    secondaryButtonIcon?: string;
+    rentalResult: OrRentalResultProps;
     /**
-     * justify the contents of the main container
+     * Rental vehicle item
      */
-    mainContainerJustifyContent?: _CSSProperties1["justifyContent"];
-}
-export const OrModuleTableHeader: React.FC<OrModuleTableHeaderProps>;
-export interface OrListSelectionProps {
+    rentalVehicleItem: OrRentalVehicleItemProps | null;
     /**
-     * Text of button to add
+     * Loading status
      */
-    buttonAddText?: string;
+    loading?: boolean;
     /**
-     * Function to execute when button to add is clicked
+     * Empty message
      */
-    onAddButtonOnClick?: OrModuleTableHeaderProps['buttonOnClick'];
+    emptyMessage?: string;
     /**
-     * Function to execute when search box is searched
+     * Empty button text
      */
-    searchBoxOnSearch?: OrModuleTableHeaderProps['searchBoxOnSearch'];
+    emptyButtonText?: string;
     /**
-     * Placeholder of search box
+     * Empty callback
      */
-    searchBoxPlaceholder?: string;
+    emptyCallback?: () => void;
+}
+export const TmQuoteResultPage: ({ $backgroundSrc, rentalResult, rentalVehicleItem, loading, emptyMessage, emptyButtonText, emptyCallback, }: TmQuoteResultPageProps) => import("react/jsx-runtime").JSX.Element;
+export const useMessage: () => readonly [import("antd/es/message/interface").MessageInstance, import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
+export interface ModalProps extends ModalFuncProps {
+    variant: 'confirm' | 'warning' | 'info' | 'error';
+}
+export const useModal: () => {
+    show: (config: ModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+    } & {
+        then<T>(resolve: (confirmed: boolean) => T, reject: VoidFunction): Promise<T>;
+    };
+    setVariant: import("react").Dispatch<import("react").SetStateAction<"warning" | "info" | "error" | "confirm">>;
+    contextHolder: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+};
+export const useForm: <T = any>() => [import("antd").FormInstance<T>];
+export const useFormWatch: <T = any>(name: string | string[], form?: FormInstance | WatchOptions<FormInstance>) => T;
+export interface TmRechargePageProps<FormType = any> {
     /**
-     * onChange rowSelection
+     * Page title
      */
-    onChangeRowSelection?: TableRowSelection<AnyObject>['onChange'];
-    /**
-   * Columns of table
-   */
-    columns: OrTableProps['columns'];
+    title?: string;
     /**
-    * Data record array to be displayed
-    */
-    data?: OrTableProps['dataSource'];
+     * page subtitle
+     */
+    subtitle?: string;
     /**
-    * Loading status of table
-    */
-    loadingTable?: OrTableProps['loading'];
+     * page subtitle content
+     */
+    balance?: string;
     /**
-    * Config of pagination. You can ref table pagination config or full pagination document, hide it by setting it to false
-    */
-    pagination?: OrTableProps['pagination'];
+     * The title of the card
+     */
+    cardTitle: string;
     /**
-    * Title of table
-    */
-    tableTitle?: string;
+     * number of digits (input) to show
+     */
+    digits?: number;
     /**
-     * Title of remove button
+     * The input content value
      */
-    removeBtnTitle?: string;
+    value?: number;
     /**
-     * Disabled status of remove button
+     * Custom values for amounts
      */
-    removeBtnDisabled?: boolean;
+    values?: {
+        label: string;
+        value: number;
+        type: 'VALUE' | 'PERCENTAGE';
+    }[];
     /**
-     * dangerBtn status of remove button
+     * font size of the input
      */
-    dangerBtn?: boolean;
+    fontSize?: string;
     /**
-     * Function to execute when remove button is clicked
+     * height of the input
      */
-    onRemoveClick?: () => void;
+    height?: string;
     /**
-     * type of alert display
+     * rule for the amount input
      */
-    alertType?: 'success' | 'info' | 'error' | 'warning';
+    ruleAmount?: MlFromItemProps['rules'];
     /**
-     * Description of alert display
+     * rule for the coupon input
      */
-    alertDescription?: string;
+    ruleCoupon?: MlFromItemProps['rules'];
     /**
-     * select value
+     * Form ref
      */
-    selectValue?: AtSelectProps['value'];
+    form?: FormProps['form'];
     /**
-     * select on change
+     * Form init values
      */
-    selectOnChange?: AtSelectProps['onChange'];
+    initialValues?: IFormData;
     /**
-     * select options
+     * On submit function
      */
-    selectOptions?: DefaultOptionType[];
+    onFinish?: FormProps['onFinish'];
     /**
-     * not found select element
+     * Coupon button text
      */
-    selectNotFoundContent?: React.ReactNode;
-}
-export const OrListSelection: React.FC<OrListSelectionProps>;
-export interface OrLoginLayoutProps {
+    couponBtn?: string;
     /**
-     * Carousel image background source
+     * Amount placeholder
      */
-    $carouselBackgroundSrc?: string;
+    amountPlaceholder?: string;
     /**
-    * Images to show into carousel
-    */
-    carouselImages: string[] | {
-        src?: string;
-        component?: React.ReactNode;
-        text?: string;
-    }[];
+     * Coupon placeholder
+     */
+    couponPlaceholder?: string;
     /**
-     * Carousel text props
+     * Radio group items
      */
-    carouselTextProps?: AtTextProps;
+    currenciesOptions?: Array<{
+        label: ReactNode;
+        value: string;
+        disabled?: boolean;
+        symbol?: string;
+    }>;
     /**
-     * Content to render into layout
+     * Radio group default value
      */
-    children?: React.ReactNode;
-}
-export const OrLoginLayout: React.FC<OrLoginLayoutProps>;
-type ConfigUpdate = ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps);
-export type instanceModal = {
-    destroy: () => void;
-    update: (configUpdate: ConfigUpdate) => void;
-} | null;
-export type OrModalProps = {
+    defaultCurrency?: number;
     /**
-     * Specify a function that will be called when modal is closed completely
+     * Amount to pay text
      */
-    afterClose?: () => void;
+    amountToPayText?: string;
     /**
-     * Body style for modal body element. Such as height, padding etc
+     * Amount to pay
      */
-    bodyStyle?: React.CSSProperties;
+    amountToPay?: number;
     /**
-     * The cancel button props
+     * Coupon text
      */
-    cancelButtonProps?: _ModalProps1['cancelButtonProps'];
+    couponText?: string;
     /**
-     * Text of the Cancel button
+     * Discount
      */
-    cancelText?: React.ReactNode;
+    discount?: number;
     /**
-     * Centered Modal
+     * Total text
      */
-    centered?: boolean;
+    totalText?: string;
     /**
-     * Custom close icon. 5.7.0: close button will be hidden when setting to null or false
+     * Total
      */
-    closeIcon?: React.ReactNode;
+    total?: number;
     /**
-     * Whether to apply loading visual effect for OK button or not
+     *  Tax text
      */
-    confirmLoading?: boolean;
+    taxText?: string;
     /**
-     * Whether to unmount child components on onClose
+     * Tax
      */
-    destroyOnClose?: boolean;
+    tax?: number;
     /**
-     * Footer content, set as footer={null} when you don't need default buttons
+     * Pay button text
      */
-    footer?: React.ReactNode;
+    payBtn?: string;
     /**
-     * Force render Modal
+     * Apply coupon click
      */
-    forceRender?: boolean;
+    applyCouponClick?: () => void;
     /**
-     * The mounted node for Modal but still display at fullscreen
+     * The title of the drawer
      */
-    getContainer?: _ModalProps1['getContainer'];
+    drawerTitle?: string;
     /**
-     * Whether support press esc to close
+     * Whether the Drawer dialog is visible or not
      */
-    keyboard?: boolean;
+    open?: boolean;
     /**
-     * Whether show mask or not
+     * payment Methods
      */
-    mask?: boolean;
+    paymentMethods: PaymentMethod[];
     /**
-     * Whether to close the modal dialog when the mask (area outside the modal) is clicked
+     * Form Steps info
      */
-    maskClosable?: boolean;
+    currentPaymentSelectedFields: IFormStep<FormType>;
     /**
-     * Style for modal's mask element
+     * Disable continue button drawer
      */
-    maskStyle?: React.CSSProperties;
+    disabledButton?: boolean;
     /**
-     * Custom modal content render
+     * Show payment methods
      */
-    modalRender?: (node: React.ReactNode) => React.ReactNode;
+    showPaymentMethods?: boolean;
     /**
-     * The ok button props
+     * terms and conditions disclaimer
      */
-    okButtonProps?: _ModalProps1['okButtonProps'];
+    termsDisclaimer?: string;
     /**
-     * Text of the OK button
+     * terms and conditions change
      */
-    okText?: React.ReactNode;
+    termsChange?: ((e: CheckboxChangeEvent) => void) | undefined;
     /**
-     * Button type of the OK button
+     * onCloseDrawer function
      */
-    okType?: _ModalProps1['okType'];
+    onCloseDrawer?: (e: React.MouseEvent | React.KeyboardEvent) => void;
     /**
-     * The modal dialog's title
+     * whether to show left arrow
      */
-    title?: _ModalProps1['title'];
+    showLeftArrow?: boolean;
     /**
-     * Whether the modal dialog is visible or not
+     * left arrow click event
      */
-    visible?: boolean;
+    onClickLeftArrow?: () => void;
+    editable?: boolean;
+    rate?: number;
+    currenciesEnabled?: boolean;
+}
+export const TmRechargePage: <FormType extends Store>({ title, subtitle, balance, cardTitle, fontSize, height, ruleAmount, form, initialValues, onFinish, amountPlaceholder, currenciesOptions, defaultCurrency, amountToPayText, amountToPay, couponText, discount, totalText, taxText, tax, payBtn, drawerTitle, open, paymentMethods, currentPaymentSelectedFields, disabledButton, showPaymentMethods, termsDisclaimer, onCloseDrawer, showLeftArrow, onClickLeftArrow, editable, rate, values, currenciesEnabled }: TmRechargePageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
+export interface TmRentalsPageProps<FormType = any> {
     /**
-     * Open Modal with async logic
+    * Form Steps info
+    */
+    formSteps?: IFormStep<FormType>[];
+    /**
+     * On change form content
      */
-    open?: boolean;
+    onValuesChange?: OrFormProps['onValuesChange'];
     /**
-     * Width of the modal dialog
+     * Current step
      */
-    width?: string | number;
+    currentFormStep?: number;
     /**
-     * The class name of the container of the modal dialog
+     * Disabled buttons
      */
-    wrapClassName?: string;
+    disabledButtons?: boolean;
     /**
-     * The z-index of the Modal
+     * button optional text
      */
-    zIndex?: number;
+    showFormStepper?: boolean;
     /**
-     * Specify a function that will be called when a user clicks mask, close button on top right or Cancel button
+     * Background source
      */
-    onCancel?: (e: React.MouseEvent<HTMLElement>) => void;
+    $backgroundSrc?: string;
     /**
-     * Specify a function that will be called when a user clicks the OK button
+     * Disclaimer text
      */
-    onOk?: (e: React.MouseEvent<HTMLElement>) => void;
+    disclaimer?: string;
     /**
-     * Callback when the animation ends when Modal is turned on and off
+     * Disclaimer href
      */
-    afterOpenChange?: ((open: boolean) => void) | undefined;
+    disclaimerHref?: string;
     /**
-     * children of Modal
+     * Disclaimer message
      */
-    children?: React.ReactNode;
+    disclaimerMessage?: string;
+}
+export const TmRentalsPage: <FormType extends Store>({ formSteps, onValuesChange, currentFormStep, disabledButtons, showFormStepper, $backgroundSrc, disclaimer, disclaimerHref, disclaimerMessage, }: TmRentalsPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
+export interface TmRequestsPageProps<_RecordType = AnyObject, FormType = any> {
+    username?: string;
     /**
-     * Content of the confirm dialog
+     * Main button label
      */
-    content?: string | React.ReactNode;
-};
-export const OrModal: React.FC<OrModalProps>;
-export interface OrModuleCalendarHeaderProps {
+    mainButtonLabel?: string;
     /**
-     * Actual display date
+     * Main button icon
      */
-    displayDate: string;
+    mainButtonIcon?: AtIconProps['name'];
     /**
-     * handles segment change
+     * Main button label
      */
-    onChangeSegment: AtSegmentedProps['onChange'];
+    cancelButtonLabel?: string;
     /**
-     * Options for the segment control.
+     * refund button label
      */
-    segmentOptions?: AtSegmentedProps['options'];
+    refundButtonLabel?: string;
     /**
-     * Columns for select filters.
+     * cancel button icon
      */
-    columnsFilters?: {
-        onSearch?: AtSelectProps['onSearch'];
-        showSearch?: AtSelectProps['showSearch'];
-        label: string;
-        options: AtSelectProps['options'];
-        onChange: AtSelectProps['onChange'];
-    }[];
+    cancelButtonIcon?: AtIconProps['name'];
     /**
-     * Columns for buttons filters.
+     * refund button icon
      */
-    buttonsFilters?: {
-        label: string;
-        onClick: AtButtonProps['onClick'];
-        icon: AtButtonProps['icon'];
-    }[];
+    refundButtonIcon?: AtIconProps['name'];
     /**
-     * Button value
+     * refund button custom type
      */
-    buttonValue?: string;
+    typeCancelButton?: AtButtonProps['type'];
     /**
-     * Icon for first button
+     * Left arrow click event
      */
-    buttonIcon?: string;
+    onClickLeftArrow?: () => void;
     /**
-     * Button onClick
+     * Main action click event
      */
-    buttonOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
+    onClickMainAction?: () => void;
     /**
-     * Left Arrow Button onClick
+     * cancel action click event
      */
-    leftArrowOnOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
+    onClickCancelAction?: () => void;
     /**
-     * Right Arrow Button onClick
+     * refund action click event
      */
-    rightArrowOnOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
-    filterText?: string;
+    onClickRefundAction?: () => void;
     /**
-     * Handles date selection
+     * disabled cancel Button
      */
-    onSelectDate?: (value: Dayjs | null) => void;
+    disabledCancelButton?: boolean;
     /**
-     * Handles loading state
+     * disabled refund Button
      */
-    loadingSearchFilter?: boolean;
-}
-export const OrModuleCalendarHeader: React.FC<OrModuleCalendarHeaderProps>;
-export interface OrOneDataCardProps {
+    disabledRefundButton?: boolean;
     /**
-     *  title of card
+     * disabled Main Button
      */
-    title: string;
+    disabledMainButton?: boolean;
     /**
-     * text for show in the card
+     * left column content
      */
-    text: string | number;
+    firstColumnContent: React.ReactNode;
     /**
-     * icon name for the main icon in the card
+     * right column content
      */
-    iconName?: keyof typeof Icons;
+    secondColumnContent: React.ReactNode;
     /**
-     * icon color for the icon in the card
+     * isEditing request
      */
-    iconColor?: string;
+    isEditing?: boolean;
     /**
-     * flag children showed dynamically at right of the subtitle, it can contains an icon dynamically for match the design pattern
+     * On press cancel and close button function
      */
-    flag?: {
-        text: string;
-        iconName?: keyof typeof Icons;
-        number: number | string;
-        iconColor?: string;
-    };
-}
-export const OrOneDataCard: React.FC<OrOneDataCardProps>;
-/**
- * Properties for the OrResourceArea for timelines calendar
- */
-export interface OrResourceAreaProps {
+    handleCloseCallback?: () => void;
     /**
-     * Title of the resource.
+     * State of the drawer
      */
-    title?: string;
+    open?: boolean;
     /**
-     * Subtitle of the resource.
+     * Drawer Content
      */
-    subtitle?: string;
+    drawerContent?: React.ReactNode;
     /**
-     * Description of the resource.
+     * Drawer Title
      */
-    description?: string;
+    drawerTitle?: React.ReactNode;
     /**
-     * On select the checkbox of the resource.
+     * Drawer Width
      */
-    onSelectResource?: () => void;
+    drawerWidth?: number;
     /**
-     * Icon name for the resource.
+     * button optional text
      */
-    iconName?: AtIconProps['name'];
-}
-export const OrResourceArea: React.FC<OrResourceAreaProps>;
-export interface TmCalendarPageProps<_RecordType = AnyObject, FormType = any> {
+    showFormStepper?: boolean;
     /**
-     * Loading status of table
+     * Disable buttons drawer
      */
-    loadingTable?: boolean;
+    disabledButtons?: boolean;
     /**
-     * Config of pagination. You can ref table pagination config or full pagination document, hide it by setting it to false
+     * Form Steps info
      */
-    pagination?: OrTableProps['pagination'];
+    formSteps?: IFormStep<FormType>[];
     /**
-     * Row's unique key, could be a string or function that returns a string
+     * current step
      */
-    rowKey?: OrTableProps['rowKey'];
+    currentFormStep?: number;
     /**
      * On change form content
      */
     onValuesChange?: OrFormProps['onValuesChange'];
     /**
-     * Callback when pagination changes
+     * Text of first button
      */
-    onChangeTable?: OrTableProps['onChange'];
+    firstButtonText?: string;
     /**
-     * Extendable table TM CrudPage
+     * Text of second button
      */
-    expandable?: OrTableProps['expandable'];
+    secondButtonText?: string;
     /**
-     * On press cancel and close button function
+     * Function to execute when first button is clicked
      */
-    handleCloseCallback?: () => void;
+    onClickFirstButton?: () => void;
     /**
-     * State of the drawer
+     * Function to execute when second button is clicked
      */
-    open?: boolean;
+    onClickSecondButton?: () => void;
     /**
-     * Page title
+     * Show drawer content
      */
-    title?: string;
+    showDrawerContent?: boolean;
+}
+export const TmRequestsPage: React.FC<TmRequestsPageProps>;
+export const TmRequestsForm: React.FC<TmRequestsPageProps>;
+export interface OrFormProps extends FormProps {
+    children: React.ReactNode;
+}
+export const OrForm: React.FC<OrFormProps>;
+export interface OrDrawerProps {
     /**
-     * Page subtitle
+     * The ID for input
      */
-    subtitle?: string;
+    id?: string;
     /**
-     * Page subtitle content
+     * Whether Drawer should get focused after open
      */
-    subContent?: string;
+    autoFocus?: boolean;
     /**
-     * Page table title
+     * Callback after the animation ends when switching drawers
      */
-    tableTitle?: string;
+    afterOpenChange?: (open: boolean) => void;
     /**
-     * Button value text
+     * Style of the drawer content part
      */
-    buttonAddText?: string;
+    bodyStyle?: CSSProperties;
     /**
-     * Callback when add button is pressed
+     * Config Drawer Panel className. Use rootClassName if want to config top dom style
      */
-    addButtonOnClick?: OrModuleTableHeaderProps['buttonOnClick'];
+    className?: string;
     /**
-     * Callback when pagination changes
+     * Custom close icon. 5.7.0: close button will be hidden when setting to null or false
      */
-    onChangePagination?: MlPaginationProps['onChange'];
+    closeIcon?: boolean | ReactNode;
     /**
-     * Total table elements
+     * Style of the drawer wrapper of content part
      */
-    total?: MlPaginationProps['total'];
+    contentWrapperStyle?: CSSProperties;
     /**
-     * Way to display total pagination table
+     * Whether to unmount child components on closing drawer or not
      */
-    showTotal?: MlPaginationProps['showTotal'];
+    destroyOnClose?: boolean;
     /**
-     * Table page size
+     * Extra actions area at corner
      */
-    pageSize?: MlPaginationProps['pageSize'];
+    extra?: ReactNode;
     /**
-     * Current page table
+     * The footer for Drawer
      */
-    currentPage?: number;
+    footer?: ReactNode;
     /**
-     * Disable buttons drawer
+     * Style of the drawer footer part
      */
-    disabledButtons?: boolean;
+    footerStyle?: CSSProperties;
     /**
-     * Form Steps info
+     * Pre-render Drawer component forcibly
      */
-    formSteps?: IFormStep<FormType>[];
+    forceRender?: boolean;
     /**
-     * current step
+     * mounted node and display window for Drawer
      */
-    currentFormStep?: number;
+    getContainer?: DrawerProps['getContainer'];
     /**
-     * Search table elements
+     * Style of the drawer header part
      */
-    searchBoxOnSearch?: OrModuleTableHeaderProps['searchBoxOnSearch'];
+    headerStyle?: CSSProperties;
     /**
-     * title of drawer
+     * Placement is top or bottom, height of the Drawer dialog
      */
-    titleLeftDrawer?: ReactNode;
+    height?: string | number;
     /**
-     * Specify a callback that will be called when a user clicks mask, close button or Cancel button
+     * Whether support press esc to close
      */
-    onCloseLeftDrawer?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    keyboard?: boolean;
     /**
-     * whether left drawer is open or close
+     * Whether to show mask or not
      */
-    openLeftDrawer?: boolean;
+    mask?: boolean;
     /**
-     * Children for Left Drawer
+     * Clicking on the mask (area outside the Drawer) to close the Drawer or not
      */
-    leftDrawerContent?: React.ReactNode;
+    maskClosable?: boolean;
     /**
-     * Custom component to render at left side of table header
+     * Style for Drawer's mask element
      */
-    tableHeaderCustomLeftElements?: React.ReactNode;
+    maskStyle?: CSSProperties;
     /**
-     * Drawer Width
+     * The placement of the Drawer
      */
-    leftDrawerWidth?: number;
+    placement?: 'top' | 'right' | 'bottom' | 'left';
     /**
-     * searchBox placeHolder
+     * Nested drawers push behavior
      */
-    searchBoxPlaceholder?: string;
+    push?: boolean | {
+        distance: string | number;
+    };
     /**
-     * show search box
+     * The class name of the container of the Drawer dialog
      */
-    showSearchBox?: boolean;
+    rootClassName?: string;
     /**
-     * Drawer Content
+     * Style of wrapper element which contains mask compare to style
      */
-    drawerContent?: React.ReactNode;
+    rootStyle?: CSSProperties;
     /**
-     * Drawer Title
+     * Style of Drawer panel. Use bodyStyle if want to config body only
      */
-    drawerTitle?: React.ReactNode;
+    style?: CSSProperties;
     /**
-     * Drawer Width
+     * preset size of drawer, default 378px and large 736px
      */
-    drawerWidth?: number;
+    size?: 'default' | 'large';
     /**
-     * Text of first button
+     * The title for Drawer
      */
-    firstButtonText?: string;
+    title?: ReactNode;
     /**
-     * Text of second button
+     * Whether the Drawer dialog is visible or not
      */
-    secondButtonText?: string;
+    open?: boolean;
     /**
-     * Function to execute when first button is clicked
+     * Width of the Drawer dialog
      */
-    onClickFirstButton?: () => void;
+    width?: string | number;
     /**
-     * Function to execute when second button is clicked
+     * The z-index of the Drawer
      */
-    onClickSecondButton?: () => void;
+    zIndex?: number;
     /**
-     * Show drawer content
+     * Specify a callback that will be called when a user clicks mask, close button or Cancel button
      */
-    showDrawerContent?: boolean;
+    onClose?: (e: React.MouseEvent | React.KeyboardEvent) => void;
     /**
-     * margin
+     * Children of the drawer
      */
-    $margin?: string;
+    children?: React.ReactNode;
+}
+export const OrDrawer: React.FC<OrDrawerProps>;
+export interface AtSpaceCompactProps {
     /**
-     * table title level
+     * The ID for input
      */
-    tableTitleLevel?: 1 | 2 | 3 | 4 | 5;
+    id?: string;
     /**
-     * button optional text
+     * Option to fit width to its parent's width
      */
-    secondaryButtonText?: string;
+    block?: boolean;
     /**
-     * button optional onClick
+     * Set direction of layout
      */
-    secondaryOnClick?: () => void;
+    direction?: 'vertical' | 'horizontal';
     /**
-     * button optional text
+     * Set child component size
      */
-    showFormStepper?: boolean;
-    onBack?: () => void;
-    resources: OrCalendarProps['resources'];
-    events: OrCalendarProps['events'];
-    resourceTitle: OrCalendarProps['resourceTitle'];
+    size?: 'large' | 'middle' | 'small';
     /**
-     * Actual display date
+     * Children of the OrSpace
      */
-    displayDate: string;
+    children?: React.ReactNode;
+}
+export const OrSpaceCompact: React.FC<AtSpaceCompactProps>;
+export interface OrPhoneInputProps {
     /**
-     * handles segment change
+     * Name of input
      */
-    onChangeSegment?: AtSegmentedProps['onChange'];
+    name?: string;
     /**
-     * Options for the segment control.
+     * Dial codes options
      */
-    segmentOptions?: AtSegmentedProps['options'];
+    options: AtSelectProps['options'];
     /**
-     * Columns for select filters.
+     * Disabled input
      */
-    columnsFilters?: OrModuleCalendarHeaderProps['columnsFilters'];
+    disabled?: boolean;
     /**
-     * Columns for buttons filters.
-     */
-    buttonsFilters?: {
-        label: string;
-        onClick: AtButtonProps['onClick'];
-        icon: AtButtonProps['icon'];
-    }[];
+     * Rules for validation
+     * @default []
+    */
+    rules?: MlFromItemProps['rules'];
+}
+export const OrPhoneInput: React.FC<OrPhoneInputProps>;
+export interface OrSelectInputProps {
     /**
-     * Custom event content
+     * Dial codes options
      */
-    eventContent?: (eventInfo: {
-        event: OrCalendarProps['events'];
-    }) => React.ReactNode;
+    options: AtSelectProps['options'];
     /**
-     * Icon for first button
+     * Disabled input
      */
-    buttonIcon?: string;
+    disabled?: boolean;
     /**
-     * Button onClick
+     * Rules for validation
+     * @default []
      */
-    buttonOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
+    rules?: MlFromItemProps['rules'][];
+    type?: 'number' | 'text';
+    fieldName: string;
+    inputProps?: AtTextInputProps | AtNumberInputProps;
+    selectProps?: AtSelectProps;
+    value?: {
+        select: string;
+        input: string;
+    };
+}
+export const OrSelectInput: React.FC<OrSelectInputProps>;
+export interface AtIconProps {
     /**
-     * text for filtering
+     * The ID for input
      */
-    filterText: string;
+    id?: string;
     /**
-     * text for popover action
+     * Name of the icon
      */
-    actionPopOverText?: string;
+    name?: keyof typeof Icons;
     /**
-     * Left Arrow Button onClick
+     * Define the color used to paint the svg element
      */
-    leftArrowOnOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
+    fill?: string;
     /**
-     * Right Arrow Button onClick
+     * The computed style of the svg element
      */
-    rightArrowOnOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
+    style?: CSSProperties;
     /**
-     * Current date of the calendar
+     * The height of the svg element
      */
-    currentDate: Date | string | number;
+    height?: string | number;
     /**
-     * Handles resource select
+     * The width of the svg element
      */
-    onSelectResource?: (id: string) => void;
+    width?: string | number;
     /**
-     * Handles date selection
+     * Define extra properties to the component
      */
-    onSelectDate?: (value: Dayjs | null) => void;
+    extraCommonProps?: {
+        [key: string]: any;
+    };
     /**
-     * Handles loading state
+     * The URL generated by iconfont.cn project. Support string[] after @ant-design/icons@4.1.0
      */
-    loadingSearchFilter?: boolean;
-}
-export const TmCalendarPage: <RecordType extends AnyObject, FormType extends Store>({ formSteps, onValuesChange, onCloseLeftDrawer, leftDrawerContent, openLeftDrawer, buttonAddText, buttonIcon, buttonOnClick, open, currentFormStep, titleLeftDrawer, leftDrawerWidth, drawerContent, showDrawerContent, drawerTitle, drawerWidth, firstButtonText, secondButtonText, onClickFirstButton, onClickSecondButton, $margin, title, actionPopOverText, disabledButtons, handleCloseCallback, showFormStepper, onBack, events, resources, resourceTitle, displayDate, onChangeSegment, segmentOptions, columnsFilters, buttonsFilters, filterText, leftArrowOnOnClick, rightArrowOnOnClick, currentDate, onSelectResource, loadingSearchFilter, onSelectDate, loadingTable, }: TmCalendarPageProps<RecordType, FormType>) => import("react/jsx-runtime").JSX.Element;
-export interface MarkersArrayMap {
-    type: 'add' | 'oneWay' | 'return';
-    color?: OrMarkProps['color'];
-    backgroundColor?: string;
-    size?: OrMarkProps['size'];
-    marks: OrMarkProps[];
-    polyLine: boolean;
-    onClickMarker?: (item: OrMarkProps) => void;
-    popOverButtonText?: string;
-    title?: string;
-}
-export interface TmCustomMapPageProps<FormType = any> extends OrModuleTableHeaderProps {
-    map: GoogleMapProps & {
-        GOOGLE_MAPS_API_KEY: string;
-        ref?: React.RefObject<GoogleMap>;
-    };
-    staticMarkers?: MarkersArrayMap[];
-    realtimeMarkers?: MarkersArrayMap[];
+    scriptUrl?: string | string[];
     /**
-     * State of the drawer
+     * The component used for the root node
      */
-    open?: boolean;
+    component?: IconComponentProps['component'];
     /**
-     * On press cancel and close button function
+     * Rotate degrees (not working in IE9)
      */
-    handleCloseCallback?: () => void;
+    rotate?: number;
     /**
-     * Disable buttons drawer
+     * Rotate icon with animation
      */
-    disabledButtons?: boolean;
+    spin?: boolean;
     /**
-     * Form Steps info
+     * Color of the icon
      */
-    formSteps?: IFormStep<FormType>[];
+    twoToneColor?: string;
+}
+export const AtIcon: React.FC<AtIconProps>;
+export interface AtInputStatusProps {
     /**
-     * current step
+     * Custom close icon. 5.7.0: close button will be hidden when setting to null or false
      */
-    currentFormStep?: number;
+    closeIcon?: React.ReactNode;
     /**
-     * Drawer Content
+     * Set the icon of tag
      */
-    drawerContent?: React.ReactNode;
+    icon?: React.ReactNode;
     /**
-     * Drawer Title
+     * Callback executed when tag is closed
      */
-    drawerTitle?: React.ReactNode;
+    onClose?: (e: React.MouseEvent<HTMLElement>) => void;
     /**
-     * Drawer Title
+     * Tag text
      */
-    drawerTitleSecondary?: React.ReactNode;
+    children?: React.ReactNode;
     /**
-     * Drawer Width
+     * Status type
      */
-    drawerWidth?: number;
+    type?: 'success' | 'warning' | 'danger' | 'info' | 'default';
+    visible?: boolean;
+}
+export const AtInputStatus: React.FC<AtInputStatusProps>;
+interface OrDownloadProps {
     /**
-     * Drawer Width
+     * The function to call when the download button is clicked
      */
-    drawerWidthSecondary?: number;
+    downloadOnClick?: () => any;
     /**
-     * Text of first button
+     * The text to display on the download button
      */
-    firstButtonText?: string;
+    downloadText: string;
+}
+export interface OrDownloadUploadProps {
     /**
-     * Text of second button
+     * Key identifier
      */
-    secondButtonText?: string;
+    inputKey: string;
     /**
-     * Function to execute when first button is clicked
+     * The function to call when the value of the file changes
      */
-    onClickFirstButton?: () => void;
+    getValueFromEvent?: (e: any) => any;
     /**
-     * Function to execute when second button is clicked
+     * The rules for the file
      */
-    onClickSecondButton?: () => void;
+    rules?: MlFromItemProps['rules'];
     /**
-     * Show drawer content
+     * If the file is required
      */
-    showDrawerContent?: boolean;
+    isRequired?: boolean;
+    downloadProps: OrDownloadProps;
+    uploadProps: MlUploadProps;
+    disabled?: boolean;
     /**
-     * margin
+     * The mode of the upload
      */
-    $margin?: string;
+    mode?: 'drag' | 'basic';
+}
+export const OrDownloadUpload: React.FC<OrDownloadUploadProps>;
+type _Size1 = 'large' | 'middle' | 'small';
+export interface OrMarkProps {
+    id?: string;
+    text?: string;
+    color?: AtTextProps['color'];
+    backgroundColor?: string;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    size?: _Size1;
+    position: {
+        lat: number;
+        lng: number;
+    };
+    component?: React.ReactNode;
+    hasOverlay?: boolean;
+    translate?: number[];
+}
+export const OrMark: React.FC<OrMarkProps>;
+export enum MarkSize {
+    Large = "large",
+    Middle = "middle",
+    Small = "small"
+}
+export interface MarkersGroup {
+    color?: OrMarkProps['color'];
+    backgroundColor?: string;
+    size?: OrMarkProps['size'];
+    marks: OrMarkProps[];
+    polyLine: boolean;
+}
+export interface OrGoogleMapsProps extends GoogleMapProps {
     /**
-     * table title level
+     * The origin of the route.
      */
-    tableTitleLevel?: 1 | 2 | 3 | 4 | 5;
+    origin?: string | google.maps.LatLng | google.maps.Place | google.maps.LatLngLiteral;
     /**
-     * button optional text
+     * The destination of the route.
      */
-    secondaryButtonText?: string;
+    destination?: string | google.maps.LatLng | google.maps.Place | google.maps.LatLngLiteral;
     /**
-     * button optional onClick
+     * Type of routing requested.
      */
-    secondaryOnClick?: () => void;
+    travelMode?: google.maps.TravelMode;
     /**
-     * button optional text
+     * The stroke color.
      */
-    showFormStepper?: boolean;
-    onBack?: () => void;
+    strokeColor?: string | null;
     /**
-     * On change form content
+     * The stroke opacity between 0.0 and 1.0.
      */
-    onValuesChange?: OrFormProps['onValuesChange'];
+    strokeOpacity?: number | null;
     /**
-     * Button value text
+     * The stroke width in pixels.
      */
-    buttonAddText?: string;
+    strokeWeight?: number | null;
     /**
-     * Callback when add button is pressed
+     * The Google Maps API key.
      */
-    addButtonOnClick?: OrModuleTableHeaderProps['buttonOnClick'];
+    GOOGLE_MAPS_API_KEY: string;
     /**
-     * Custom component to render at left side of table header
+     * Static markers.
      */
-    tableHeaderCustomLeftElements?: React.ReactNode;
+    staticMarkers?: MarkersGroup[];
     /**
-     * padding
+     * Realtime markers.
      */
-    padding?: string;
+    realtimeMarkers?: MarkersGroup[];
     /**
-     * Custom component to render on map item click popover
+     * Polylines
      */
-    itemOnClickMap?: {
-        visible: boolean;
-        lat: number;
-        lng: number;
-        item: any;
-        id: string | null;
-        pictureUrl?: string;
-    };
+    polylines?: {
+        color: string | null | undefined;
+        stops: {
+            latitude: number;
+            longitude: number;
+        }[];
+    }[];
+}
+export const OrGoogleMaps: React.FC<OrGoogleMapsProps>;
+export type OrColumnsType<T = unknown> = ColumnsType<T>;
+export type OnChangeTable<RecordType = AnyObject> = (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void;
+export interface OrTableProps<RecordType = AnyObject> {
     /**
-     * Custom icon rendered to select a point in the map
+     * Whether to show all table borders
      */
-    markSelectIcon?: React.ReactNode;
+    bordered?: boolean;
     /**
-     *markers width
+     * Columns of table
      */
-    markersWidth?: number;
+    columns: TableProps<RecordType>['columns'];
     /**
-     * Circle props
+     * Data record array to be displayed
      */
-    circle?: CircleProps;
+    dataSource: TableProps<RecordType>['dataSource'];
     /**
-     * Open routes modal
+     * Loading status of table
      */
-    openRoutesModal?: boolean;
+    loading?: TableProps<RecordType>['loading'];
     /**
-     * On press cancel and close button function
+     * Config of pagination. You can ref table pagination config or full pagination document, hide it by setting it to false
      */
-    handleCloseCallbackSecondary?: () => void;
+    pagination?: TableProps<RecordType>['pagination'];
     /**
-     * Routes items
+     * Row's unique key, could be a string or function that returns a string
      */
-    routesItems?: React.ReactNode;
+    rowKey?: TableProps<RecordType>['rowKey'];
     /**
-     * Polylines
+     * 	Size of table
      */
-    polylines?: {
-        color: string | null | undefined;
-        stops: {
-            latitude: number;
-            longitude: number;
-        }[];
-    }[];
+    size?: 'large' | 'middle' | 'small';
+    /**
+     * Set sticky header and scroll bar
+     */
+    sticky?: boolean;
     /**
-     * On click polyline
+     * Table title renderer
      */
-    onClickPolyline?: (event: google.maps.MapMouseEvent | null, route?: any) => void;
-}
-export const TmCustomMapPage: React.FC<TmCustomMapPageProps>;
-export interface TmCustomTabsPageProps<FormType = any> {
+    title?: TableProps<RecordType>['title'];
     /**
-     * Avatar image
+     * Callback executed when pagination, filters or sorter is changed
      */
-    avatar?: string;
+    onChange?: OnChangeTable<RecordType>;
     /**
-     * User name
+     * row selection config
      */
-    username: string;
+    rowSelection?: TableProps<RecordType>['rowSelection'];
     /**
-     * User phone number
+     * Set the scroll of table, could be a number that indicates the width of the scroll area, or an object that has the following properties: x number | string, y number | string
      */
-    phone: string;
+    scroll?: TableProps<RecordType>['scroll'];
     /**
-     * Balance ticket label
+     * Set the expandable of table
+     * */
+    expandable?: ExpandableConfig<RecordType> | undefined;
+    /**
+     * components of table
      */
-    balanceLabel: string;
+    components?: TableProps<RecordType>['components'];
+}
+export const OrTable: <RecordType extends AnyObject>({ bordered, loading, pagination, size, sticky, rowSelection, ...props }: OrTableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export type OrSelectTableOption<T = any> = {
+    label: string;
+    value: string;
+    fullData: T;
+};
+export interface OrSelectTableProps<T = any> extends AtSelectProps {
+    columns?: OrTableProps['columns'];
+    data?: OrTableProps['dataSource'];
+    options?: OrSelectTableOption<T>[];
+    fieldName: string;
+    rules?: MlFromItemProps['rules'][];
+}
+export const OrSelectTable: React.FC<OrSelectTableProps>;
+export interface OrDescriptionsProps extends DescriptionsProps {
     /**
-     * Balance ticket value
+     * The ID for input
      */
-    balanceValue: string;
+    id?: string;
     /**
-     * Icon for the info part
+     * Title of the description set
      */
-    infoIcon?: AtIconProps['name'];
+    title: string;
     /**
-     * Info label
+     * Whether the table has border or not
      */
-    infoLabel?: string;
+    bordered?: boolean;
     /**
-     * Info value
+     * Items to display
      */
-    infoValue?: string;
+    items: DescriptionsProps['items'];
     /**
-     * Main button label
+     * Extra content to display
      */
-    mainButtonLabel: string;
+    extra?: DescriptionsProps['extra'];
     /**
-     * Secondary button label
+     * variation  between : 'common' | 'no-header' | 'list'
      */
-    secondaryButtonLabel?: string;
+    variation?: 'common' | 'no-header' | 'list';
+}
+export const OrDescriptions: React.FC<OrDescriptionsProps>;
+/**
+ * Props for the SortableContextWrapper component.
+ */
+export interface OrSortableContextWrapperProps<RecordType = AnyObject> {
     /**
-     * Main button icon
+     * An array of items to be sorted.
      */
-    mainButtonIcon?: AtIconProps['name'];
+    items: TableProps<RecordType>['dataSource'];
     /**
-     * Secondary button icon
+     * Callback function that is called when dragging ends.
      */
-    secondaryButtonIcon?: AtIconProps['name'];
+    onDragEnd: (event: DragEndEvent) => any;
     /**
-     * Left arrow click event
+     * The child nodes to be rendered within the sortable context.
      */
-    onClickLeftArrow?: () => void;
+    children: React.ReactNode;
+}
+export const OrSortableContextWrapper: React.FC<OrSortableContextWrapperProps>;
+interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    'data-row-key': string;
+    showDraggableIcon?: boolean;
+}
+export const OrSortableRow: React.FC<RowProps>;
+export interface OrDraggableTableProps<RecordType = AnyObject> {
     /**
-     * Main action click event
+     * Whether to show all table borders
      */
-    onClickMainAction?: () => void;
+    bordered?: boolean;
     /**
-     * Secondary action click event
+     * Columns of table
      */
-    onClickSecondaryAction?: () => void;
+    columns: TableColumnsType<any>;
     /**
-     * Form Steps info
+     * Data record array to be displayed
      */
-    formSteps?: IFormStep<FormType>[];
+    data: _TableProps1<RecordType>['dataSource'];
     /**
-     * On press cancel and close button function
+     *
+     * onDragEnd function to execute
      */
-    handleCloseCallback?: () => void;
+    onDragEnd: (event: DragEndEvent) => any;
     /**
-     * State of the drawer
+     * Whether to show draggable icon
      */
-    open?: boolean;
+    showDraggableIcon?: boolean;
+}
+export const OrDraggableTable: <RecordType extends AnyObject>({ data, columns, onDragEnd, showDraggableIcon, }: OrDraggableTableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+interface TextProps extends AtTextProps {
+    text: string;
+}
+export interface OrFormInLineItem {
     /**
-     * Drawer Content
+     * Type of components available for the form
      */
-    drawerContent?: React.ReactNode;
+    component: 'radio' | 'radio-cards' | 'number-input' | 'checkbox' | 'select' | 'select-multiple' | 'text' | 'phone' | 'date-picker' | 'date-range-picker' | 'cvc' | 'name' | 'select-input' | 'info' | 'copy-info' | 'status-info' | 'file-input' | 'collapse' | 'download-upload' | 'summary' | 'qr-code' | 'select-table' | 'google-map' | 'google-autocomplete-search' | 'stepper' | 'input-list' | 'button' | 'group' | 'divider' | 'image' | 'time-range-picker' | 'autocomplete-search' | 'tabs' | 'descriptions-table' | 'draggable-table' | 'summary' | 'badge-ribbon' | 'summary-descriptions' | 'collapse-custom-vehicles';
     /**
-     * Drawer Title
+     * Label of the field
      */
-    drawerTitle?: React.ReactNode;
+    label?: string | string[];
     /**
-     * Drawer Width
+     * Key identifier
      */
-    drawerWidth?: number;
+    key?: string;
     /**
-     * Disable buttons drawer
+     * Field name (develop purpose)
      */
-    disabledButtons?: boolean;
+    fieldName: string;
     /**
-     * current step
+     * Place holder (only for inputs)
      */
-    currentFormStep?: number;
+    placeHolder?: string;
     /**
-     * button optional text
+     * Children of the FormItems (Recursive Form)
      */
-    showFormStepper?: boolean;
+    children?: OrFormItemsInlineProps | React.ReactElement | string;
     /**
-     * On change form content
+     * Specifies options for fields that allows options
      */
-    onValuesChange?: OrFormProps['onValuesChange'];
+    options?: MlRadioGroupProps['options'] | MlCheckboxGroup['options'] | AtSelectProps['options'] | OrSelectTableOption[];
     /**
-     * Tabs props
+     * Rules for field validation. Click [here](https://ant.design/components/form#components-form-demo-basic) to see an example
      */
-    tabsProps: OrTabsProps;
+    rules?: MlFromItemProps['rules'];
+    compositeRules?: [MlFromItemProps['rules'], MlFromItemProps['rules']];
+    compositeType?: OrSelectInputProps['type'];
+    hidden?: boolean;
+    disabled?: boolean;
+    styles?: CSSProperties;
+    addonAfter?: ReactNode;
+    onSearch?: (value: string) => any;
+    showSearch?: boolean;
+    onChange?: (value: any, option?: DefaultOptionType | Array<DefaultOptionType>) => any;
+    onSelect?: AtSelectProps['onSelect'];
+    onDeselect?: AtSelectProps['onDeselect'];
+    filterOption?: AtSelectProps['filterOption'];
+    disabledDate?: AtDatePickerPros['disabledDate'];
+    formatter?: AtNumberInputProps['formatter'];
+    parser?: AtNumberInputProps['parser'];
+    items?: OrCollapseProps['items'];
+    iconItems?: MlInfoListProps['items'];
+    summaryDescriptionsProps?: OrDescriptionsProps;
     /**
-     * Breadcrumb items titles
+     * Format of the date
      */
-    breadcrumbItems?: MlBreadcrumbProps['items'];
-}
-export const TmCustomTabsPage: <FormType extends Store>({ avatar, username, phone, balanceLabel, balanceValue, infoIcon, infoLabel, infoValue, mainButtonLabel, secondaryButtonLabel, mainButtonIcon, secondaryButtonIcon, onClickLeftArrow, onClickMainAction, onClickSecondaryAction, formSteps, handleCloseCallback, open, drawerTitle, drawerWidth, disabledButtons, currentFormStep, showFormStepper, onValuesChange, tabsProps, breadcrumbItems, }: TmCustomTabsPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
-interface IDashboardItems {
-    gutter: {
-        xs?: number;
-        sm?: number;
-        md?: number;
-        lg?: number;
-        xl?: number;
-        xxl?: number;
-    };
-    children: React.ReactNode;
-}
-export interface TmDashboardProps<FormType = any> {
+    format?: string;
+    textProps?: TextProps | Array<TextProps>;
+    tabProps?: OrTabsProps;
+    badgeCardProps?: AtBadgeCardProps;
+    collapseCardProps?: OrCollapseCardProps;
+    onClick?: () => any;
     /**
-     * Header props
+     * Limit the number of uploaded files. Will replace current one when maxCount is 1
      */
-    headerProps: OrModuleTableHeaderProps;
+    maxCount?: number;
     /**
-     *  items from left for render on the dashboard
+     * Specify how to get value from event or other onChange arguments
      */
-    itemsLeft: IDashboardItems[];
+    getValueFromEvent?: (e: any) => any;
     /**
-     *  items from right for render on the dashboard
+     * Hook function which will be executed before uploading. Uploading will be stopped with false or a rejected Promise returned. When returned value is Upload.LIST_IGNORE, the list of files that have been uploaded will ignore it. Warning：this function is not supported in IE9
      */
-    itemsRight: IDashboardItems[];
+    beforeUpload?: UploadProps['beforeUpload'];
     /**
-     * drawer config
+     * Enables full width
      */
-    drawerConfig?: {
-        /**
-         * current step
-         */
-        currentFormStep?: number;
-        /**
-         * Disable buttons drawer
-         */
-        disabledButtons?: boolean;
-        /**
-         * Form Steps info
-         */
-        formSteps?: IFormStep<FormType>[];
-        /**
-         * On press cancel and close button function
-         */
-        handleCloseCallback?: () => void;
-        /**
-         * State of the drawer
-         */
-        open?: boolean;
-        /**
-         * Drawer Title
-         */
-        drawerTitle?: React.ReactNode;
-        /**
-         * On change form content
-         */
-        onValuesChange?: OrFormProps['onValuesChange'];
-        /**
-         * Drawer Width
-         */
-        drawerWidth?: number;
-    };
-}
-export const TmDashboard: ({ headerProps, itemsLeft, itemsRight, drawerConfig, }: TmDashboardProps) => import("react/jsx-runtime").JSX.Element;
-export interface TmDescriptionsPageProps {
+    fullWidth?: boolean;
     /**
-     * The ID for input
+     * Type of the status info
      */
-    id?: string;
+    type?: 'success' | 'warning' | 'danger' | 'info' | 'default';
+    /**
+     * Tooltip of the label
+     */
+    tooltip?: MlFromItemProps['tooltip'];
     /**
-     * Whether the table has border or not
+     * Title of the download-upload
      */
-    bordered?: boolean;
+    title?: string;
     /**
-     * Items to display
+     * Span of the column (only for inline items)
      */
-    items: Array<OrDetailsPageProps | Array<OrDetailsPageProps>>;
+    span?: number;
     /**
-     * Disable buttons drawer
+     * Span of the column on medium screens (only for inline items)
      */
-    disabledButtons?: boolean;
+    md?: number;
     /**
-     * On change form content
+     * MlInfoList items
      */
-    onValuesChange?: OrFormProps['onValuesChange'];
+    summaryItems?: MlInfoListProps['items'];
     /**
-     * Custom header page template
+     * Label column span
      */
-    header?: React.ReactElement;
-}
-export const TmDescriptionsPage: ({ items, header, }: TmDescriptionsPageProps) => import("react/jsx-runtime").JSX.Element;
-export interface TmFormListPageProps<FormType = any> {
-    formList?: {
-        title?: string;
-        formStepProps?: IFormStep<FormType>[];
-        formProps?: OrFormProps;
-        stepProps?: OrStepProp;
-        disabledButtons?: boolean;
-        formButtonProps?: AtButtonProps;
-    }[];
-}
-export const TmFormListPage: <FormType extends Store>({ formList, }: TmFormListPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
-export interface OrSimpleBannerProps {
+    labelCol?: number;
     /**
-     * Id of the OrSimpleBannerProps
+     * Information to be displayed below the input
      */
-    id?: string;
+    extraInfo?: string;
     /**
-     * Background image for banner
+     * The Google Maps props
      */
-    $backgroundSrc?: string;
-}
-export const OrSimpleBanner: React.FC<OrSimpleBannerProps>;
-export interface TmLoginCountryProps {
-    data?: OrCountryCardProps[];
-    title?: string;
-    itemsPerRow?: number;
-    $backgroundSrc?: string;
+    mapsProps?: OrGoogleMapsProps;
     /**
-     * Index selected Item
+     * The Google Maps API key.
      */
-    selectedItem?: number;
+    GOOGLE_MAPS_API_KEY?: string;
     /**
-     * Callback when card is clicked
+     * Country code
      */
-    onSelectCard?: (index: number) => void;
-}
-export const TmLoginCountry: React.FC<TmLoginCountryProps>;
-export interface IRegion {
-    id: string;
-    countryName: string;
-    region: string;
-    city: string;
-}
-export interface IFormData {
-    phone: {
-        dialCode: string;
-        phone: string;
-    };
-}
-export interface TmLoginPhoneProps {
-    countrySelectOptions?: IRegion[];
+    country?: string;
     /**
-     * Welcome title
+     * The props for the autocomplete search
      */
-    title?: string;
+    autocompleteProps?: Omit<MlAutocompleteSearchProps, 'fieldName' | 'rules'>;
     /**
-     * Highlighted text into title
+     * The size of the QR code
      */
-    highlightedTitle?: string;
+    size?: number;
     /**
-     * Submit button text
+     * Columns for the table (select-table component)
      */
-    buttonText: string;
+    columns?: OrTableProps['columns'];
     /**
-     * Form init values
+     * Data for the table (select-table component)
      */
-    initialValues?: IFormData;
+    data?: OrTableProps['dataSource'];
     /**
-     * Dial codes available
+     * The picker type (date-picker component)
      */
-    dialCodes: string[];
+    picker?: AtDatePickerPros['picker'];
     /**
-     * Phone regex validation
+     * file list for the file-input component
      */
-    phoneRegex?: RegExp;
+    fileList?: MlUploadProps['fileList'];
     /**
-     * Phone validation message
+     * onRemove for the file-input component
      */
-    phoneValidationMessage?: string;
+    onRemoveUploadedFile?: MlUploadProps['onRemove'];
+    noStyle?: boolean;
     /**
-     * Phone validation input message
+     * The mode of the upload
      */
-    ruleMessage?: string;
+    uploadMode?: 'drag' | 'basic';
     /**
-     * On submit function
+     * The description of the summary component
      */
-    onFinish?: FormProps['onFinish'];
+    description?: string;
     /**
-     * Form ref
+     * Stepper props
      */
-    form?: FormProps['form'];
+    stepperProps?: OrStepProp;
     /**
-     * Show country select
+     * Custom select options
      */
-    showCountrySelect?: boolean;
-}
-export const TmLoginPhone: React.FC<TmLoginPhoneProps>;
-export interface AtCountdownProps {
+    customOptions?: AtSelectProps['options'];
     /**
-     * Format as dayjs	string
+     * Adds a collapse wrapper to the current input
      */
-    format?: string;
+    collapseWrapper?: boolean;
     /**
-     * The prefix node of value
+     * The orientation of the input
      */
-    prefix?: React.ReactNode;
+    orientation?: 'horizontal' | 'vertical';
     /**
-     * The suffix node of value
+     * The type of the list item
      */
-    suffix?: React.ReactNode;
+    listValues?: LabeledValue[];
     /**
-     * The suffix node of value
+     * The type of the list item
      */
-    title?: React.ReactNode;
+    listItemType?: 'autocomplete' | 'text';
     /**
-     * Set target countdown time	number
+     * The text for the bottom button
      */
-    value?: CountdownProps['value'];
+    addButtonText?: string;
     /**
-     * Set value section style	CSSProperties
+     * The mode of the button
      */
-    valueStyle?: React.CSSProperties;
+    buttonType?: AtButtonProps['type'];
     /**
-     * Trigger when time's up
+     * The icon of the button
      */
-    onFinish?: () => void;
+    icon?: AtButtonProps['icon'];
     /**
-     * Trigger when time's changing
+     * The function to fetch the place details
      */
-    onChange?: (value: CountdownProps['value']) => void;
+    fetchPlaceDetails?: (id: string) => any;
     /**
-     * Font color
+     * The minimum number of items
      */
-    $color?: 'normal' | 'primary';
+    minItems?: number;
     /**
-     * Font size
+     * The props for the image field
      */
-    $fontSize?: number;
-}
-export const AtCountdown: React.FC<AtCountdownProps>;
-export interface TmLoginPhoneCodeProps {
+    imageProps?: AtImageProps;
     /**
-     * Page title
+     * The props for the time range picker
      */
-    title: string;
+    timeRangePickerProps?: AtTimeRangePickerProps;
     /**
-     * Page title highlighted
+     * The props for the time range picker
      */
-    highlightedTitle: string;
+    descriptionsTableProps?: DescriptionsProps;
     /**
-     * Page description
+     * Allow auto clear for a select field
      */
-    description: string;
+    autoClearSearchValue?: boolean | undefined;
     /**
-     * Button text
+     * Props for the draggable table
      */
-    buttonText: string;
+    draggableTableProps?: OrDraggableTableProps;
     /**
-     * On submit function
+     * Id for the qr code element
      */
-    onFinish?: FormProps['onFinish'];
+    qrCodeId?: string;
     /**
-     * Form ref
+     * Group items
      */
-    form?: FormProps['form'];
+    groupItems?: OrFormInLineItem[];
     /**
-     * Countdown description
+     * Group title
      */
-    countdownDescription?: string;
+    groupTitle?: ReactNode | string;
     /**
-     * Countdown value
+     * input props
      */
-    countdownValue?: number;
+    inputProps?: AtTextInputProps | AtNumberInputProps;
     /**
-     * Countdown format
+     * The props for loading state in input list
      */
-    countdownFormat?: string;
+    loading?: boolean;
+}
+export interface OrFormItemsInlineProps {
+    inputs?: Array<OrFormInLineItem | Array<OrFormInLineItem | OrFormInLineItem[]>>;
+}
+export const OrFormItemsInline: React.FC<OrFormItemsInlineProps>;
+export interface OrDashboardLayoutProps {
     /**
-     * Indicate if the count down ended
+     * Indicate if the menu is collapsed
      */
-    countdownEnded?: boolean;
+    collapsed?: boolean;
     /**
-     * Callback triggered when countdown ends
+     * Children components
      */
-    onFinishCountdown?: () => void;
+    children?: React.ReactNode;
     /**
-     * Countdown text part
+     * Menu items to show in sider menu
      */
-    countdownText?: [string, string];
+    menuItems?: OrSiderMenuProps['items'];
     /**
-     * Send again text
+     * On click collapsed button
      */
-    sendAgainText?: string;
+    onClickCollapsed?: () => void;
     /**
-     * Function to call when resend is press it
+     * Called when a menu item is clicked
      */
-    onResendPress?: () => void;
-}
-export const TmLoginPhoneCode: React.FC<TmLoginPhoneCodeProps>;
-export interface MarkersArray {
-    color?: OrMarkProps['color'];
-    backgroundColor?: string;
-    size?: OrMarkProps['size'];
-    marks: OrMarkProps[];
-    polyLine: boolean;
-}
-export interface TmMapPageProps {
-    rightDrawer?: OrDrawerProps;
-    topLeftSelect: AtSelectProps;
-    topLeftButton?: AtButtonProps;
-    map: GoogleMapProps & {
-        GOOGLE_MAPS_API_KEY: string;
-        ref?: React.RefObject<GoogleMap>;
-    };
-    staticMarkers?: MarkersArray[];
-    realtimeMarkers?: MarkersArray[];
-    polylines?: {
-        color: string | null | undefined;
-        stops: {
-            latitude: number;
-            longitude: number;
-        }[];
-    }[];
-}
-export const TmMapPage: React.FC<TmMapPageProps>;
-export interface OrRentalLayoutProps {
+    onClick?: OrSiderMenuProps['onClick'];
+    /**
+     * Called when a bottom menu item is clicked
+     */
+    onClickBottomItems?: OrSiderMenuProps['onClick'];
     /**
-     * Children component
+     * Called when a menu item is selected
      */
-    children?: React.ReactNode;
+    onSelect?: OrSiderMenuProps['onSelect'];
     /**
-     * Background source
+     * Called when a region item is selected
      */
-    $backgroundSrc?: string;
-}
-export const OrRentalLayout: React.FC<OrRentalLayoutProps>;
-export interface TmQuoteResultPageProps {
+    onSelectCountry?: OrHeaderProps['onSelect'];
     /**
-     * Background source
+     * Header select options
      */
-    $backgroundSrc?: string;
+    countrySelectOptions?: OrHeaderProps['countrySelectOptions'];
     /**
-     * Rental result
+     * Header select options
      */
-    rentalResult: OrRentalResultProps;
+    countrySelectID?: OrHeaderProps['countrySelectID'];
     /**
-     * Rental vehicle item
+     * Header nav items
      */
-    rentalVehicleItem: OrRentalVehicleItemProps | null;
+    navItems?: OrHeaderProps['navItems'];
     /**
-     * Loading status
+     * Header avatar
      */
-    loading?: boolean;
+    avatar?: OrHeaderProps['avatar'];
     /**
-     * Empty message
+     * Header avatar name
      */
-    emptyMessage?: string;
+    avatarName?: OrHeaderProps['avatarName'];
     /**
-     * Empty button text
+     * Default selected country
      */
-    emptyButtonText?: string;
+    selectValue?: OrHeaderProps['selectValue'];
     /**
-     * Empty callback
+     * Nav item at the end of the sider
      */
-    emptyCallback?: () => void;
-}
-export const TmQuoteResultPage: ({ $backgroundSrc, rentalResult, rentalVehicleItem, loading, emptyMessage, emptyButtonText, emptyCallback, }: TmQuoteResultPageProps) => import("react/jsx-runtime").JSX.Element;
-export interface TmRechargePageProps<FormType = any> {
+    bottomItems?: OrSiderMenuProps['bottomItems'];
+    selectedKeys?: OrSiderMenuProps['selectedKeys'];
     /**
-     * Page title
+     * Or header props
      */
-    title?: string;
+    headerProps?: OrHeaderProps;
     /**
-     * page subtitle
+     * On Logo Click function
      */
-    subtitle?: string;
+    onLogoClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
     /**
-     * page subtitle content
+     * MlNotificationCard props to render
      */
-    balance?: string;
+    notifications?: MlNotificationCardProps[];
     /**
-     * The title of the card
+     * Props that use the header of the notifications panel for render
      */
-    cardTitle: string;
+    notificationPanelHeader?: MlNotificationDropdownProps['header'];
     /**
-     * number of digits (input) to show
+     * AtButton props for handle the notification panel
      */
-    digits?: number;
+    iconButton?: AtButtonProps;
     /**
-     * The input content value
+     * notifications drawer config
      */
-    value?: number;
+    notificationCenterConfig?: {
+        /**
+         * Form Steps info
+         */
+        formSteps: IFormStep<any>[];
+        /**
+         * On press cancel and close button function
+         */
+        handleCloseCallback?: () => void;
+        /**
+         * State of the drawer
+         */
+        open?: boolean;
+        /**
+         * Drawer Title
+         */
+        drawerTitle?: React.ReactNode;
+        /**
+         * On change form content
+         */
+        onValuesChange?: OrFormProps['onValuesChange'];
+        /**
+         * Drawer Width
+         */
+        drawerWidth?: number;
+        /**
+         * notifications for show
+         */
+        notifications: MlNotificationCardProps[];
+        /**
+         * text for show when there are no notifications
+         */
+        emptyText?: string;
+        /**
+         * unread label
+         */
+        unreadLabel: string;
+        /**
+         * unread label
+         */
+        readsLabel: string;
+    };
+}
+export const OrDashboardLayout: React.FC<OrDashboardLayoutProps>;
+export interface OrEmptyProps {
     /**
-     * Custom values for amounts
+     * The main text of the empty card
      */
-    values?: {
-        label: string;
-        value: number;
-        type: 'VALUE' | 'PERCENTAGE';
-    }[];
+    title: string;
     /**
-     * font size of the input
+     * The additional text of the empty card
      */
-    fontSize?: string;
+    description: string;
+}
+export const OrEmpty: React.FC<OrEmptyProps>;
+type _Size2 = 'large' | 'middle' | 'small';
+export interface OrLabelTextBoxProps {
+    title?: string;
+    text?: string;
+    id?: string;
+    size?: _Size2;
+    color?: AtTextProps['color'];
+}
+export const OrLabelTextBox: React.FC<OrLabelTextBoxProps>;
+export interface OrInfoCardProps {
+    data?: OrLabelTextBoxProps[];
+    id?: string;
+    image?: string;
+}
+export const OrInfoCard: React.FC<OrInfoCardProps>;
+export interface OrInfoHeaderCardProps extends MlCardProps {
     /**
-     * height of the input
+     * Left arrow click event
      */
-    height?: string;
+    onClickLeftArrow?: () => void;
     /**
-     * rule for the amount input
+     * Breadcrumb items
      */
-    ruleAmount?: MlFromItemProps['rules'];
+    breadcrumbItems?: _BreadcrumbProps1['items'];
     /**
-     * rule for the coupon input
+     * Breadcrumb items
      */
-    ruleCoupon?: MlFromItemProps['rules'];
+    leftElement?: React.ReactElement;
     /**
-     * Form ref
+     * Breadcrumb items
      */
-    form?: FormProps['form'];
+    rightElement?: React.ReactElement;
+}
+/**
+ * Primary input UI component for user interaction
+ */
+export const OrInfoHeaderCard: React.FC<OrInfoHeaderCardProps>;
+export interface OrModuleTableHeaderProps {
     /**
-     * Form init values
+     * Title of the module table header
      */
-    initialValues?: IFormData;
+    title?: string;
     /**
-     * On submit function
+     * Search box placeholder
      */
-    onFinish?: FormProps['onFinish'];
+    searchBoxPlaceholder?: string;
     /**
-     * Coupon button text
+     * Search box value
      */
-    couponBtn?: string;
+    searchBoxValue?: string;
     /**
-     * Amount placeholder
+     * Search box onChange
      */
-    amountPlaceholder?: string;
+    searchBoxOnChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     /**
-     * Coupon placeholder
+     * Search box onSearch
      */
-    couponPlaceholder?: string;
+    searchBoxOnSearch?: ((value: string, event?: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
     /**
-     * Radio group items
+     * Search box onPressEnter
      */
-    currenciesOptions?: Array<{
-        label: ReactNode;
-        value: string;
-        disabled?: boolean;
-        symbol?: string;
-    }>;
+    searchBoxOnPressEnter?: ((event: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
     /**
-     * Radio group default value
+     * Button value
      */
-    defaultCurrency?: number;
+    buttonValue?: string;
     /**
-     * Amount to pay text
+     * Button onClick
      */
-    amountToPayText?: string;
+    buttonOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
     /**
-     * Amount to pay
+     * Custom component to render at left side
      */
-    amountToPay?: number;
+    customLeftElements?: React.ReactNode;
     /**
-     * Coupon text
+     * Show search box
      */
-    couponText?: string;
+    showSearchBox?: boolean;
     /**
-     * Discount
+     * Level of title
      */
-    discount?: number;
+    level?: 1 | 2 | 3 | 4 | 5;
     /**
-     * Total text
+     * Button value
      */
-    totalText?: string;
+    secondaryButtonValue?: string;
     /**
-     * Total
+     * Button onClick
      */
-    total?: number;
+    secondaryButtonOnClick?: (React.MouseEventHandler<HTMLAnchorElement> & React.MouseEventHandler<HTMLButtonElement>) | undefined;
     /**
-     *  Tax text
+     * Icon for first button
      */
-    taxText?: string;
+    buttonIcon?: string;
     /**
-     * Tax
+     * Icon for second button
      */
-    tax?: number;
+    secondaryButtonIcon?: string;
     /**
-     * Pay button text
+     * justify the contents of the main container
      */
-    payBtn?: string;
+    mainContainerJustifyContent?: _CSSProperties1["justifyContent"];
+}
+export const OrModuleTableHeader: React.FC<OrModuleTableHeaderProps>;
+export interface OrListSelectionProps {
+    /**
+     * Text of button to add
+     */
+    buttonAddText?: string;
+    /**
+     * Function to execute when button to add is clicked
+     */
+    onAddButtonOnClick?: OrModuleTableHeaderProps['buttonOnClick'];
+    /**
+     * Function to execute when search box is searched
+     */
+    searchBoxOnSearch?: OrModuleTableHeaderProps['searchBoxOnSearch'];
+    /**
+     * Placeholder of search box
+     */
+    searchBoxPlaceholder?: string;
+    /**
+     * onChange rowSelection
+     */
+    onChangeRowSelection?: TableRowSelection<AnyObject>['onChange'];
+    /**
+   * Columns of table
+   */
+    columns: OrTableProps['columns'];
+    /**
+    * Data record array to be displayed
+    */
+    data?: OrTableProps['dataSource'];
+    /**
+    * Loading status of table
+    */
+    loadingTable?: OrTableProps['loading'];
     /**
-     * Apply coupon click
-     */
-    applyCouponClick?: () => void;
+    * Config of pagination. You can ref table pagination config or full pagination document, hide it by setting it to false
+    */
+    pagination?: OrTableProps['pagination'];
     /**
-     * The title of the drawer
-     */
-    drawerTitle?: string;
+    * Title of table
+    */
+    tableTitle?: string;
     /**
-     * Whether the Drawer dialog is visible or not
+     * Title of remove button
      */
-    open?: boolean;
+    removeBtnTitle?: string;
     /**
-     * payment Methods
+     * Disabled status of remove button
      */
-    paymentMethods: PaymentMethod[];
+    removeBtnDisabled?: boolean;
     /**
-     * Form Steps info
+     * dangerBtn status of remove button
      */
-    currentPaymentSelectedFields: IFormStep<FormType>;
+    dangerBtn?: boolean;
     /**
-     * Disable continue button drawer
+     * Function to execute when remove button is clicked
      */
-    disabledButton?: boolean;
+    onRemoveClick?: () => void;
     /**
-     * Show payment methods
+     * type of alert display
      */
-    showPaymentMethods?: boolean;
+    alertType?: 'success' | 'info' | 'error' | 'warning';
     /**
-     * terms and conditions disclaimer
+     * Description of alert display
      */
-    termsDisclaimer?: string;
+    alertDescription?: string;
     /**
-     * terms and conditions change
+     * select value
      */
-    termsChange?: ((e: CheckboxChangeEvent) => void) | undefined;
+    selectValue?: AtSelectProps['value'];
     /**
-     * onCloseDrawer function
+     * select on change
      */
-    onCloseDrawer?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    selectOnChange?: AtSelectProps['onChange'];
     /**
-     * whether to show left arrow
+     * select options
      */
-    showLeftArrow?: boolean;
+    selectOptions?: DefaultOptionType[];
     /**
-     * left arrow click event
+     * not found select element
      */
-    onClickLeftArrow?: () => void;
-    editable?: boolean;
-    rate?: number;
-    currenciesEnabled?: boolean;
+    selectNotFoundContent?: React.ReactNode;
 }
-export const TmRechargePage: <FormType extends Store>({ title, subtitle, balance, cardTitle, fontSize, height, ruleAmount, form, initialValues, onFinish, amountPlaceholder, currenciesOptions, defaultCurrency, amountToPayText, amountToPay, couponText, discount, totalText, taxText, tax, payBtn, drawerTitle, open, paymentMethods, currentPaymentSelectedFields, disabledButton, showPaymentMethods, termsDisclaimer, onCloseDrawer, showLeftArrow, onClickLeftArrow, editable, rate, values, currenciesEnabled }: TmRechargePageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
-export interface TmRentalsPageProps<FormType = any> {
-    /**
-    * Form Steps info
-    */
-    formSteps?: IFormStep<FormType>[];
-    /**
-     * On change form content
-     */
-    onValuesChange?: OrFormProps['onValuesChange'];
+export const OrListSelection: React.FC<OrListSelectionProps>;
+export interface OrLoginLayoutProps {
     /**
-     * Current step
+     * Carousel image background source
      */
-    currentFormStep?: number;
+    $carouselBackgroundSrc?: string;
     /**
-     * Disabled buttons
-     */
-    disabledButtons?: boolean;
+    * Images to show into carousel
+    */
+    carouselImages: string[] | {
+        src?: string;
+        component?: React.ReactNode;
+        text?: string;
+    }[];
     /**
-     * button optional text
+     * Carousel text props
      */
-    showFormStepper?: boolean;
+    carouselTextProps?: AtTextProps;
     /**
-     * Background source
+     * Content to render into layout
      */
-    $backgroundSrc?: string;
+    children?: React.ReactNode;
+}
+export const OrLoginLayout: React.FC<OrLoginLayoutProps>;
+type ConfigUpdate = ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps);
+export type instanceModal = {
+    destroy: () => void;
+    update: (configUpdate: ConfigUpdate) => void;
+} | null;
+export type OrModalProps = {
     /**
-     * Disclaimer text
+     * Specify a function that will be called when modal is closed completely
      */
-    disclaimer?: string;
+    afterClose?: () => void;
     /**
-     * Disclaimer href
+     * Body style for modal body element. Such as height, padding etc
      */
-    disclaimerHref?: string;
+    bodyStyle?: React.CSSProperties;
     /**
-     * Disclaimer message
+     * The cancel button props
      */
-    disclaimerMessage?: string;
-}
-export const TmRentalsPage: <FormType extends Store>({ formSteps, onValuesChange, currentFormStep, disabledButtons, showFormStepper, $backgroundSrc, disclaimer, disclaimerHref, disclaimerMessage, }: TmRentalsPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
-export interface TmRequestsPageProps<_RecordType = AnyObject, FormType = any> {
-    username?: string;
+    cancelButtonProps?: _ModalProps1['cancelButtonProps'];
     /**
-     * Main button label
+     * Text of the Cancel button
      */
-    mainButtonLabel?: string;
+    cancelText?: React.ReactNode;
     /**
-     * Main button icon
+     * Centered Modal
      */
-    mainButtonIcon?: AtIconProps['name'];
+    centered?: boolean;
     /**
-     * Main button label
+     * Custom close icon. 5.7.0: close button will be hidden when setting to null or false
      */
-    cancelButtonLabel?: string;
+    closeIcon?: React.ReactNode;
     /**
-     * refund button label
+     * Whether to apply loading visual effect for OK button or not
      */
-    refundButtonLabel?: string;
+    confirmLoading?: boolean;
     /**
-     * cancel button icon
+     * Whether to unmount child components on onClose
      */
-    cancelButtonIcon?: AtIconProps['name'];
+    destroyOnClose?: boolean;
     /**
-     * refund button icon
+     * Footer content, set as footer={null} when you don't need default buttons
      */
-    refundButtonIcon?: AtIconProps['name'];
+    footer?: React.ReactNode;
     /**
-     * refund button custom type
+     * Force render Modal
      */
-    typeCancelButton?: AtButtonProps['type'];
+    forceRender?: boolean;
     /**
-     * Left arrow click event
+     * The mounted node for Modal but still display at fullscreen
      */
-    onClickLeftArrow?: () => void;
+    getContainer?: _ModalProps1['getContainer'];
     /**
-     * Main action click event
+     * Whether support press esc to close
      */
-    onClickMainAction?: () => void;
+    keyboard?: boolean;
     /**
-     * cancel action click event
+     * Whether show mask or not
      */
-    onClickCancelAction?: () => void;
+    mask?: boolean;
     /**
-     * refund action click event
+     * Whether to close the modal dialog when the mask (area outside the modal) is clicked
      */
-    onClickRefundAction?: () => void;
+    maskClosable?: boolean;
     /**
-     * disabled cancel Button
+     * Style for modal's mask element
      */
-    disabledCancelButton?: boolean;
+    maskStyle?: React.CSSProperties;
     /**
-     * disabled refund Button
+     * Custom modal content render
      */
-    disabledRefundButton?: boolean;
+    modalRender?: (node: React.ReactNode) => React.ReactNode;
     /**
-     * disabled Main Button
+     * The ok button props
      */
-    disabledMainButton?: boolean;
+    okButtonProps?: _ModalProps1['okButtonProps'];
     /**
-     * left column content
+     * Text of the OK button
      */
-    firstColumnContent: React.ReactNode;
+    okText?: React.ReactNode;
     /**
-     * right column content
+     * Button type of the OK button
      */
-    secondColumnContent: React.ReactNode;
+    okType?: _ModalProps1['okType'];
     /**
-     * isEditing request
+     * The modal dialog's title
      */
-    isEditing?: boolean;
+    title?: _ModalProps1['title'];
     /**
-     * On press cancel and close button function
+     * Whether the modal dialog is visible or not
      */
-    handleCloseCallback?: () => void;
+    visible?: boolean;
     /**
-     * State of the drawer
+     * Open Modal with async logic
      */
     open?: boolean;
     /**
-     * Drawer Content
+     * Width of the modal dialog
      */
-    drawerContent?: React.ReactNode;
+    width?: string | number;
     /**
-     * Drawer Title
+     * The class name of the container of the modal dialog
      */
-    drawerTitle?: React.ReactNode;
+    wrapClassName?: string;
     /**
-     * Drawer Width
+     * The z-index of the Modal
      */
-    drawerWidth?: number;
+    zIndex?: number;
     /**
-     * button optional text
+     * Specify a function that will be called when a user clicks mask, close button on top right or Cancel button
      */
-    showFormStepper?: boolean;
+    onCancel?: (e: React.MouseEvent<HTMLElement>) => void;
     /**
-     * Disable buttons drawer
+     * Specify a function that will be called when a user clicks the OK button
      */
-    disabledButtons?: boolean;
+    onOk?: (e: React.MouseEvent<HTMLElement>) => void;
     /**
-     * Form Steps info
+     * Callback when the animation ends when Modal is turned on and off
      */
-    formSteps?: IFormStep<FormType>[];
+    afterOpenChange?: ((open: boolean) => void) | undefined;
     /**
-     * current step
+     * children of Modal
      */
-    currentFormStep?: number;
+    children?: React.ReactNode;
     /**
-     * On change form content
+     * Content of the confirm dialog
      */
-    onValuesChange?: OrFormProps['onValuesChange'];
+    content?: string | React.ReactNode;
+};
+export const OrModal: React.FC<OrModalProps>;
+export interface OrOneDataCardProps {
     /**
-     * Text of first button
+     *  title of card
      */
-    firstButtonText?: string;
+    title: string;
     /**
-     * Text of second button
+     * text for show in the card
      */
-    secondButtonText?: string;
+    text: string | number;
     /**
-     * Function to execute when first button is clicked
+     * icon name for the main icon in the card
      */
-    onClickFirstButton?: () => void;
+    iconName?: keyof typeof Icons;
     /**
-     * Function to execute when second button is clicked
+     * icon color for the icon in the card
      */
-    onClickSecondButton?: () => void;
+    iconColor?: string;
     /**
-     * Show drawer content
+     * flag children showed dynamically at right of the subtitle, it can contains an icon dynamically for match the design pattern
      */
-    showDrawerContent?: boolean;
+    flag?: {
+        text: string;
+        iconName?: keyof typeof Icons;
+        number: number | string;
+        iconColor?: string;
+    };
 }
-export const TmRequestsPage: React.FC<TmRequestsPageProps>;
-export const TmRequestsForm: React.FC<TmRequestsPageProps>;
+export const OrOneDataCard: React.FC<OrOneDataCardProps>;
 export interface PaymentMethod {
     value: string;
     icon?: React.ReactNode;
@@ -6386,6 +6431,10 @@ export interface AtDividerProps {
      * margin of the divider
      */
     $margin?: number;
+    /**
+     * label for the divider
+     */
+    label?: string;
 }
 export const AtDivider: React.FC<AtDividerProps>;
 export interface AtImageProps {