@tap-payments/os-micro-frontend-shared 0.1.494 → 0.1.495

package/build/utils/currency.d.ts

@@ -0,0 +1,22 @@
+import { Currency, CurrencyCodes } from '../types/index.js';
+export declare const conversionTypesLabels: {
+    fx: string;
+    dcc: string;
+};
+export declare const currencyConfig: Record<string, number>;
+export declare const intlCurrency: (charge: number, currencyType: CurrencyCodes) => string;
+export declare const isIntegerAmount: (charge: number) => boolean;
+export declare const isDecimalWithOneDigit: (charge: number) => boolean;
+export declare const hasOnlyOneDigitAfterDecimal: (charge: number) => boolean;
+export declare const formatCurrencyWithInput: (charge: number, selectedCurrency: CurrencyCodes) => string;
+export declare function formatAmount(amount: number, decimal?: number): {
+    integerAmount: string;
+    decimalAmount: string;
+    fullAmount: string;
+};
+export declare function formatAmountWithCurrency(amount?: number, currency?: string): {
+    integerAmount: string;
+    decimalAmount: string;
+    fullAmount: string;
+};
+export declare const getSupportedCurrencies: (currencies: Currency[]) => Currency[];

package/build/utils/day.d.ts

@@ -0,0 +1,2 @@
+import { Day } from '../types/index.js';
+export declare function getOrderedWeekDays(startDay?: Day): string[];

package/build/utils/entity.d.ts

@@ -0,0 +1,2 @@
+import { SegmentCountry } from '../types/index.js';
+export declare const getDefaultEntityCountry: (activeSegmentCountries: SegmentCountry[]) => SegmentCountry | undefined;

package/build/utils/error.d.ts

@@ -0,0 +1,20 @@
+import type { AxiosError } from 'axios';
+import type { BackendError } from '../types/index.js';
+export declare const isNetworkError: (error: AxiosError | null) => boolean;
+export declare const hasError: (error: Error | null) => boolean;
+export declare const isTimeoutError: (error: AxiosError<any> | null) => boolean;
+export declare const isNotFoundError: (error: AxiosError<any> | null) => boolean;
+interface BackendErrorHandlerProps {
+    error: AxiosError<BackendError> | null;
+    fallbackMessage?: string;
+}
+export declare const backendErrorHandler: ({ error, fallbackMessage }: BackendErrorHandlerProps) => {
+    code: null;
+    message: string;
+    formatted: string;
+} | {
+    code: string;
+    message: string;
+    formatted: string;
+};
+export {};

package/build/utils/file.d.ts

@@ -0,0 +1,6 @@
+import { FileType } from '../types/index.js';
+export declare function readableFileSize(attachmentSize: number, decimals?: number): string;
+export declare function isFile(file: FileType): file is {
+    file: File;
+    id: string;
+};

package/build/utils/freshdesk.d.ts

@@ -0,0 +1,7 @@
+import { IndividualSegmentDetails, Segment } from '../types/index.js';
+export declare const setFreshDeskProperties: ({ individualDetails, activeSegment, language, }: {
+    individualDetails: IndividualSegmentDetails;
+    activeSegment: Segment | null;
+    language: string;
+}) => void;
+export declare const openFreshDeskChat: () => void;

package/build/utils/language.d.ts

@@ -0,0 +1,34 @@
+import { TextAndLang } from '../types/index.js';
+export declare const isArabic: (text?: string) => boolean;
+export declare function getTextByLang(name?: Array<{
+    text: string;
+    lang?: string;
+    locale?: string;
+}>, lang?: string): {
+    text: string;
+    lang?: string | undefined;
+    locale?: string | undefined;
+} | undefined;
+export declare const getNameText: (names: TextAndLang[], language?: string) => string | undefined;
+export declare const getUsername: (names?: Array<{
+    lang: string;
+    first: string;
+    last: string;
+}>, language?: string) => {
+    lang: string;
+    first: string;
+    last: string;
+} | undefined;
+export declare function getCustomerNameByLang(name?: Array<{
+    first: string;
+    middle?: string;
+    last: string;
+    lang?: string;
+    locale?: string;
+}>, lang?: string): {
+    first: string;
+    middle?: string | undefined;
+    last: string;
+    lang?: string | undefined;
+    locale?: string | undefined;
+} | undefined;

package/build/utils/localStorage.d.ts

@@ -0,0 +1,40 @@
+import { AppDetails, WindowPreview, Segment, TableMode, Timezone, StoredViewsData } from '../types/index.js';
+import { SheetViewColumnsData } from './columnResizeStorage';
+export declare function setSecretKey(): void;
+export declare function getSecretKey(): string | null;
+export declare function removeSecretKey(): void;
+export declare function removeConnectMetaData(): void;
+export declare function setNavigationData(data: any): void;
+export declare function getNavigationData(): Record<string, AppDetails[]> | null;
+export declare function removeNavigationData(): void;
+export declare const setLoggedInUserJwtToken: (token: string) => void;
+export declare const getLoggedInUserJwtToken: () => string | null;
+export declare const removeLoggedInUserJwtToken: () => void;
+export declare const removeLoggedInUserData: () => void;
+export declare const setLoggedInUserData: (data: any) => void;
+export declare const getLoggedInUserData: () => Record<string, any> | null;
+export declare const getLoggedInUserSegment: () => Segment | null;
+export declare const getLoggedInUserActiveSegment: () => Segment | null;
+export declare const isJwtTokenExpired: () => boolean;
+export declare const isUserLoggedInAndJwtTokenExistsAndNotExpired: () => boolean;
+export declare const setReportRecord: (key: string, reportId: string) => void;
+export declare const getReportRecord: (key: string) => string | null;
+export declare const removeReportRecord: (key: string) => void;
+export declare const removeAppVersion: () => void;
+export declare const setCalenderTimezone: (timezone: Timezone) => void;
+export declare const setCalenderTimezoneHistory: (timezone: Timezone) => void;
+export declare const getCalenderTimezone: () => Timezone | null;
+export declare const getCalenderTimezoneHistory: () => Timezone | null;
+export declare const removeCalenderTimezone: () => void;
+export declare const removeCalenderTimezoneHistory: () => void;
+export declare const setGlobalTableModeStorage: (mode: TableMode) => void;
+export declare const getGlobalTableModeStorage: () => TableMode;
+export declare const removeGlobalTableModeStorage: () => void;
+export declare const setSheetViewColumnsStorage: (data: SheetViewColumnsData) => void;
+export declare const getSheetViewColumnsStorage: () => SheetViewColumnsData;
+export declare const setPreviewStorage: (previews: WindowPreview[]) => void;
+export declare const getPreviewStorage: () => WindowPreview[];
+export declare const removePreviewStorage: () => void;
+export declare const getViewsStorageByService: (appCode: string, serviceCode: string, segmentId: string) => StoredViewsData | null;
+export declare const setViewsStorage: (appCode: string, serviceCode: string, segmentId: string, views: StoredViewsData['views'], mainDefaultView?: StoredViewsData['mainDefaultView']) => void;
+export declare const clearTapOsLocalStorage: () => void;

package/build/utils/merchant.d.ts

@@ -0,0 +1,3 @@
+import { Currency, Segment, SegmentCountry } from '../types/index.js';
+export declare const getMerchantIds: (activeSegment?: Segment | null) => any[] | undefined;
+export declare const getMerchantCurrencies: (currencies: Currency[], activeSegmentCountries: SegmentCountry[]) => Currency[];

package/build/utils/merchantSource.d.ts

@@ -0,0 +1,30 @@
+import { TextAndLang } from '../types/index.js';
+interface Source {
+    code: string;
+    name: TextAndLang[];
+}
+interface PaymentMethod extends Source {
+    payment_methods: Source[];
+}
+export declare function transformPaymentMethodsData(data?: PaymentMethod[]): {
+    name: string;
+    type: string;
+    options: {
+        name: string;
+        type: string;
+        icon: string;
+        options: {
+            name: string | undefined;
+            type: string;
+        }[];
+    }[] | undefined;
+};
+export declare function transformPaymentSchemesData(data?: Source[]): {
+    name: string;
+    type: string;
+    options: {
+        name: string;
+        type: string;
+    }[];
+};
+export {};

package/build/utils/navigation.d.ts

@@ -0,0 +1,15 @@
+import { AppDetails, UserApp } from '../types/index.js';
+export declare const getApp: (apps: UserApp[], appCode: string) => UserApp | undefined;
+export declare const getService: (services: UserApp['app_services'], serviceCode: string) => import("../types/index.js").AppService | undefined;
+export declare const openNewAppAttrs: ({ appCode, serviceCode, sandboxMode, payload, segmentId, numberOfOpenedApps, }: Pick<AppDetails, "appCode" | "serviceCode" | "payload"> & {
+    sandboxMode?: boolean | undefined;
+    numberOfOpenedApps: number;
+    segmentId: string;
+}) => {
+    payload?: (Record<string, any> & Omit<import("../types/index.js").DefaultServicePayload, never> & object) | undefined;
+    segmentId: string;
+    appCode: string;
+    serviceCode: string;
+    sandboxMode: boolean;
+    order: number;
+};

package/build/utils/segment.d.ts

@@ -0,0 +1,60 @@
+import { SelectedSegment, Segment, SegmentData } from '../types/index.js';
+export declare const getSegmentData: (segments: Segment[], activeSegmentId: string, activeSegments: SelectedSegment[]) => SegmentData;
+export declare const getBusinessSegmentConfig: ({ merchantsIds, options }: {
+    merchantsIds: string[];
+    options?: Record<string, unknown> | undefined;
+}) => {
+    business?: undefined;
+} | {
+    business: {
+        merchant: string[];
+    };
+};
+export declare const isSegmentActLikeBusinessSegment: (segmentId: string) => boolean;
+export declare const getNonBusinessSegmentConfig: ({ segmentCode, segmentId, segmentTypeCode, merchantsIds, options, }: {
+    segmentCode: string;
+    segmentTypeCode: string;
+    segmentId: string;
+    merchantsIds?: string[] | undefined;
+    options?: Record<string, unknown> | undefined;
+}) => {
+    business?: undefined;
+} | {
+    business: {
+        merchant: string[];
+    };
+} | {
+    payment_provider: {
+        technology: {
+            orchestrator: string[];
+        };
+        institution?: undefined;
+    };
+} | {
+    payment_provider: {
+        technology: {
+            gateway: string[];
+        };
+        institution?: undefined;
+    };
+} | {
+    payment_provider: {
+        institution: {
+            facilitator: string[];
+        };
+        technology?: undefined;
+    };
+} | {
+    payment_provider: {
+        institution: {
+            acquirer: string[];
+        };
+        technology?: undefined;
+    };
+} | {
+    platform: string[];
+    payment_provider?: undefined;
+} | {
+    development_agency: string[];
+    payment_provider?: undefined;
+};

package/build/utils/skeletonColumns.d.ts

@@ -0,0 +1,4 @@
+import type { IColumnProps } from '../types/index.js';
+export declare const DEFAULT_SKELETON_WIDTHS: string[];
+export declare const generateSkeletonColumns: (staticWidths?: string[]) => IColumnProps[];
+export declare const getProcessedColumns: <T = unknown>(columns: readonly IColumnProps<T>[], isLoading: boolean, defaultSkeleton: boolean) => IColumnProps<T>[];

package/build/utils/table.d.ts

@@ -0,0 +1,22 @@
+import { TableCellWidthProps, TableMode, TableNavigation } from '../types/index.js';
+export declare const getColumnWidthPercentage: (widthInPx: number, options?: {
+    isFirst?: boolean;
+    isLast?: boolean;
+}) => string;
+export declare const getCellWidth: ({ table, cellID, tableMode }: TableCellWidthProps) => string;
+export declare const calculateMaxAllowedRows: (isLoaded: boolean, isLoading: boolean) => number;
+export declare const isHeightNotFullyFilledByRows: (totalRows: number) => boolean;
+export declare const isTableDefaultMode: (tableMode: TableMode) => boolean;
+export declare const isTableSheetMode: (tableMode: TableMode) => boolean;
+export declare const isTableTextMode: (tableMode: TableMode) => boolean;
+interface ActionNavigationView<T> {
+    prefixes: string[];
+    keys?: string[];
+    label: string;
+    appCode: string;
+    serviceCode: string;
+    icon: TableNavigation['icon'];
+    accessor?: (rowData: T) => string[];
+}
+export declare const getPossibleActionNavigationView: <T>() => Record<string, ActionNavigationView<T>>;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.494",
+  "version": "0.1.495",
   "testVersion": 0,
   "type": "module",
   "sideEffects": false,
@@ -61,8 +61,8 @@
     "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
     "dev": "vite",
     "build": "tsc -b && vite build ",
-    "storybook": "storybook dev -p 6006 --config-dir docs/.storybook",
-    "storybook:build": "storybook build --config-dir docs/.storybook",
+    "storybook": "storybook dev -p 6006 --config-dir .storybook",
+    "storybook:build": "storybook build --config-dir .storybook",
     "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
     "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
     "lint": "eslint . --color",
@@ -71,7 +71,6 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "axios": "1.14.0",
     "color": "^5.0.0",
     "memoize-one": "^6.0.0",
     "react-colorful": "^5.6.1",
@@ -96,6 +95,7 @@
     "react-multi-date-picker": "^4.1.2"
   },
   "devDependencies": {
+    "axios": "1.14.0",
     "@eslint/js": "^9.17.0",
     "@storybook/addon-a11y": "^10.2.19",
     "@storybook/addon-docs": "^10.2.19",
@@ -135,6 +135,7 @@
     "react-i18next": "^12.2.2"
   },
   "peerDependencies": {
+    "axios": "1.14.0",
     "@emotion/react": "^11",
     "@emotion/styled": "^11",
     "@mui/material": "^5",

package/build/docs/stories/fixtures/expandableSideBar.d.ts

@@ -1,2 +0,0 @@
-import type { Section } from '../../../src/components/ExpandableSideBar';
-export declare const expandableSideBarFixtureSections: Section[];

package/build/docs/stories/fixtures/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Shared Storybook fixtures: static props, option lists, and canned records.
- * Add one file per component or domain (e.g. `selectWithSearch.ts`) and export from here.
- */
-export { expandableSideBarFixtureSections } from './expandableSideBar';
-export { selectWithAccordionFixtureDefaultCountry, selectWithAccordionFixtureGroups, selectWithAccordionFixtureGroupsWide, } from './selectWithAccordion';

package/build/docs/stories/fixtures/selectWithAccordion.d.ts

@@ -1,12 +0,0 @@
-import type { SelectWithAccordionProps } from '@components';
-type GroupedOptions = SelectWithAccordionProps['options'];
-/** Two-region groups for `SelectWithAccordion` stories. */
-export declare const selectWithAccordionFixtureGroups: GroupedOptions;
-/** Same as `selectWithAccordionFixtureGroups` plus Americas. */
-export declare const selectWithAccordionFixtureGroupsWide: GroupedOptions;
-/** Default form value for country-field stories (matches GCC option shape). */
-export declare const selectWithAccordionFixtureDefaultCountry: {
-    readonly label: "United Arab Emirates";
-    readonly id: "ae";
-};
-export {};

package/build/src/Playground.d.ts

@@ -1,2 +0,0 @@
-declare const PlaygroundWrapper: () => import("react/jsx-runtime").JSX.Element;
-export default PlaygroundWrapper;

package/build/src/components/Accordion/style.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export declare const AccordionRoot: import("@emotion/styled").StyledComponent<{
-    children: NonNullable<import("react").ReactNode>;
-    classes?: Partial<import("@mui/material/Accordion").AccordionClasses> | undefined;
-    defaultExpanded?: boolean | undefined;
-    disabled?: boolean | undefined;
-    disableGutters?: boolean | undefined;
-    expanded?: boolean | undefined;
-    onChange?: ((event: import("react").SyntheticEvent<Element, Event>, expanded: boolean) => void) | undefined;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
-    TransitionComponent?: import("react").JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
-        children?: import("react").ReactElement<any, any> | undefined;
-    }> | undefined;
-    TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
-} & import("@mui/material/Accordion").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "onChange" | "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "sx" | "children" | "onChange" | "elevation" | "disabled" | "expanded" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "defaultExpanded" | "disableGutters" | "TransitionComponent" | "TransitionProps" | keyof import("@mui/material/Accordion").AccordionSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const AccordionLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/material/AccordionSummary").AccordionSummaryOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "sx" | "children" | "style" | "className" | "tabIndex" | "disabled" | "action" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const AccordionDetailsStyled: import("@emotion/styled").StyledComponent<import("@mui/material/AccordionDetails").AccordionDetailsProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/src/components/AccountDropdown/style.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-export declare const HeaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    open: boolean;
-    disabled?: boolean | undefined;
-}, {}, {}>;
-export declare const HeaderDetails: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ListWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ItemStyled: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "sx" | "children" | "style" | "className" | "align" | "classes" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    selected?: boolean | undefined;
-}, {}, {}>;

package/build/src/components/ActionMenu/ActionMenuDropDown.d.ts

@@ -1,16 +0,0 @@
-import { CurrencyCodes } from '@types';
-interface IOptions {
-    name: string;
-    value?: number;
-    currency?: string;
-}
-interface ActionMenuDropDownProps {
-    menuAnchor: (EventTarget & Element) | undefined;
-    showDropDown: boolean;
-    selectedCurrency: CurrencyCodes;
-    options: IOptions[];
-    closeDropdown: () => void;
-    handleSelectOption?: (optionCharge?: number, optionCurrency?: CurrencyCodes) => void;
-}
-declare function ActionMenuDropDown({ menuAnchor, showDropDown, selectedCurrency, options, closeDropdown, handleSelectOption }: ActionMenuDropDownProps): import("react/jsx-runtime").JSX.Element | null;
-export default ActionMenuDropDown;

package/build/src/components/ActionMenu/ActionMenuItem.d.ts

@@ -1,16 +0,0 @@
-import { SyntheticEvent } from 'react';
-import { CurrencyCodes } from '@types';
-interface ActionMenuItemProps {
-    showWarning?: boolean;
-    selectedCurrency: CurrencyCodes;
-    onAmountChange: (value?: string) => void;
-    amount: string | undefined;
-    currencyConfig: Record<string, number>;
-    toggleDropDown: (event: SyntheticEvent) => void;
-    showDropDown: boolean;
-    showDropdownIcon: boolean;
-    disabled?: boolean;
-    isLoading?: boolean;
-}
-declare function ActionMenuItem({ showWarning, selectedCurrency, onAmountChange, amount, currencyConfig, toggleDropDown, showDropDown, showDropdownIcon, disabled, isLoading, }: ActionMenuItemProps): import("react/jsx-runtime").JSX.Element;
-export default ActionMenuItem;

package/build/src/components/ActionMenu/style.d.ts

@@ -1,79 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    showWarning: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FirstContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SecondContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledRowOfFirstContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    showWarning: boolean;
-    showDropDown: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledSecondRowOfFirstContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledWarning: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const StyledWarningInfoIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const Charge: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DropDownChargeGapColumn: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledAmount: import("@emotion/styled").StyledComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "color" | "content" | "height" | "translate" | "width" | "children" | "ref" | "form" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "max" | "min" | "name" | "type" | "alt" | "src" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "list" | "minLength" | "multiple" | "readOnly" | "required" | "size"> & {
-    allowDecimals?: boolean | undefined;
-    allowNegativeValue?: boolean | undefined;
-    id?: string | undefined;
-    maxLength?: number | undefined;
-    className?: string | undefined;
-    customInput?: import("react").ElementType | undefined;
-    decimalsLimit?: number | undefined;
-    decimalScale?: number | undefined;
-    defaultValue?: string | number | undefined;
-    disabled?: boolean | undefined;
-    fixedDecimalLength?: number | undefined;
-    onValueChange?: ((value: string | undefined, name?: string | undefined, values?: import("react-currency-input-field").CurrencyInputOnChangeValues | undefined) => void) | undefined;
-    placeholder?: string | undefined;
-    prefix?: string | undefined;
-    suffix?: string | undefined;
-    step?: number | undefined;
-    decimalSeparator?: string | undefined;
-    groupSeparator?: string | undefined;
-    disableGroupSeparators?: boolean | undefined;
-    disableAbbreviations?: boolean | undefined;
-    intlConfig?: import("react-currency-input-field").IntlConfig | undefined;
-    transformRawValue?: ((rawValue: string) => string) | undefined;
-    formatValueOnBlur?: boolean | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    showWarning: boolean;
-}, {}, {}>;
-export declare const StyledTextAmount: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    showWarning: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const EnglishAmount: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    showWarning?: boolean | undefined;
-    showBottomPadding?: boolean | undefined;
-    autoMargin?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const FlexContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledIconRowContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    limited?: boolean | undefined;
-    paddingTop?: boolean | undefined;
-    marginRightAuto?: boolean | undefined;
-}, {}, {}>;
-export declare const StyledCurrency: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const StyledMissingDiv: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledPopover: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const IconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    disabled?: boolean | undefined;
-    isRefundInProcess?: boolean | undefined;
-    warning?: boolean | undefined;
-    isHighlighted?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledIcons: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    isRefundInProcess?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledDropDownContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    showDaysMenu?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledDropDownIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    spaceFromBottom?: boolean | undefined;
-    currencyPadding?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/build/src/components/ActionMenu/type.d.ts

@@ -1,15 +0,0 @@
-import { SyntheticEvent } from 'react';
-import { CurrencyCodes } from '@types';
-export interface ActionMenuProps {
-    anchorEl: HTMLElement | null;
-    initialAmount: number;
-    currency: CurrencyCodes;
-    options?: Array<{
-        name: string;
-        value?: number;
-        currency?: string;
-    }>;
-    onConfirm?: (amount: number, currency: string) => void;
-    handleClose: (e?: SyntheticEvent) => void;
-    isCheckMarkHighlighted?: boolean;
-}

package/build/src/components/ActivityAreaChart/styles.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export declare const TooltipContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const TimeTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "sx" | "children" | "style" | "className" | "align" | "classes" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ValueTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "sx" | "children" | "style" | "className" | "align" | "classes" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const CurrencyBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const CurrencyText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "sx" | "children" | "style" | "className" | "align" | "classes" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;