@tap-payments/auth-jsconnect 1.0.16 → 1.0.22

package/build/hooks/useAppSelector.d.ts

@@ -1,3 +1,3 @@
-import { TypedUseSelectorHook } from 'react-redux';
-import { RootState } from '../app/store';
-export declare const useAppSelector: TypedUseSelectorHook<RootState>;
+import { TypedUseSelectorHook } from 'react-redux';
+import { RootState } from '../app/store';
+export declare const useAppSelector: TypedUseSelectorHook<RootState>;

package/build/hooks/useAppSelector.js

@@ -1,2 +1,2 @@
-import { useSelector } from 'react-redux';
-export var useAppSelector = useSelector;
+import { useSelector } from 'react-redux';
+export var useAppSelector = useSelector;

package/build/hooks/useAppTheme.d.ts

@@ -1,4 +1,4 @@
-import { ThemContext } from '../@types';
-export declare const useAppTheme: () => {
-    theme: ThemContext | undefined;
-};
+import { ThemContext } from '../@types';
+export declare const useAppTheme: () => {
+    theme: ThemContext | undefined;
+};

package/build/hooks/useAppTheme.js

@@ -1,14 +1,14 @@
-import { useEffect, useState } from 'react';
-import { LanguageMode, DirectionMode } from '../@types';
-import { settingsSelector } from '../app/settings';
-import { useAppSelector } from './useAppSelector';
-import { appTheme } from '../theme';
-export var useAppTheme = function () {
-    var _a = useState(), theme = _a[0], setTheme = _a[1];
-    var data = useAppSelector(settingsSelector).data;
-    useEffect(function () {
-        var dir = data.language === LanguageMode.AR ? DirectionMode.RTL : DirectionMode.LTR;
-        setTheme(appTheme(data.skin, dir));
-    }, [data.skin, data.language]);
-    return { theme: theme };
-};
+import { useEffect, useState } from 'react';
+import { LanguageMode, DirectionMode } from '../@types';
+import { settingsSelector } from '../app/settings';
+import { useAppSelector } from './useAppSelector';
+import { appTheme } from '../theme';
+export var useAppTheme = function () {
+    var _a = useState(), theme = _a[0], setTheme = _a[1];
+    var data = useAppSelector(settingsSelector).data;
+    useEffect(function () {
+        var dir = data.language === LanguageMode.AR ? DirectionMode.RTL : DirectionMode.LTR;
+        setTheme(appTheme(data.skin, dir));
+    }, [data.skin, data.language]);
+    return { theme: theme };
+};

package/build/hooks/useContainerDimensions.d.ts

@@ -1,4 +1,4 @@
-export declare const useContainerDimensions: (ref: any) => {
-    width: number;
-    height: number;
-};
+export declare const useContainerDimensions: (ref: any) => {
+    width: number;
+    height: number;
+};

package/build/hooks/useContainerDimensions.js

@@ -1,21 +1,21 @@
-import { useEffect, useState } from 'react';
-export var useContainerDimensions = function (ref) {
-    var getDimensions = function () { return ({
-        width: ref.current.offsetWidth,
-        height: ref.current.offsetHeight
-    }); };
-    var _a = useState({ width: 0, height: 0 }), dimensions = _a[0], setDimensions = _a[1];
-    useEffect(function () {
-        var handleResize = function () {
-            setDimensions(getDimensions());
-        };
-        if (ref.current) {
-            setDimensions(getDimensions());
-        }
-        window.addEventListener('resize', handleResize);
-        return function () {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, [ref]);
-    return dimensions;
-};
+import { useEffect, useState } from 'react';
+export var useContainerDimensions = function (ref) {
+    var getDimensions = function () { return ({
+        width: ref.current.offsetWidth,
+        height: ref.current.offsetHeight
+    }); };
+    var _a = useState({ width: 0, height: 0 }), dimensions = _a[0], setDimensions = _a[1];
+    useEffect(function () {
+        var handleResize = function () {
+            setDimensions(getDimensions());
+        };
+        if (ref.current) {
+            setDimensions(getDimensions());
+        }
+        window.addEventListener('resize', handleResize);
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [ref]);
+    return dimensions;
+};

package/build/hooks/useEventListener.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from 'react';
-declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
-export { useEventListener };
+import { RefObject } from 'react';
+declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
+export { useEventListener };

package/build/hooks/useEventListener.js

@@ -1,20 +1,20 @@
-import { useEffect, useLayoutEffect, useRef } from 'react';
-var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-function useEventListener(eventName, handler, element, options) {
-    var savedHandler = useRef(handler);
-    useIsomorphicLayoutEffect(function () {
-        savedHandler.current = handler;
-    }, [handler]);
-    useEffect(function () {
-        var targetElement = (element === null || element === void 0 ? void 0 : element.current) || window;
-        if (!(targetElement && targetElement.addEventListener)) {
-            return;
-        }
-        var eventListener = function (event) { return savedHandler.current(event); };
-        targetElement.addEventListener(eventName, eventListener, options);
-        return function () {
-            targetElement.removeEventListener(eventName, eventListener);
-        };
-    }, [eventName, element, options]);
-}
-export { useEventListener };
+import { useEffect, useLayoutEffect, useRef } from 'react';
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+function useEventListener(eventName, handler, element, options) {
+    var savedHandler = useRef(handler);
+    useIsomorphicLayoutEffect(function () {
+        savedHandler.current = handler;
+    }, [handler]);
+    useEffect(function () {
+        var targetElement = (element === null || element === void 0 ? void 0 : element.current) || window;
+        if (!(targetElement && targetElement.addEventListener)) {
+            return;
+        }
+        var eventListener = function (event) { return savedHandler.current(event); };
+        targetElement.addEventListener(eventName, eventListener, options);
+        return function () {
+            targetElement.removeEventListener(eventName, eventListener);
+        };
+    }, [eventName, element, options]);
+}
+export { useEventListener };

package/build/hooks/useLanguage.d.ts

@@ -1,4 +1,4 @@
-export declare function useLanguage(): {
-    isAr: boolean;
-    isEn: boolean;
-};
+export declare function useLanguage(): {
+    isAr: boolean;
+    isEn: boolean;
+};

package/build/hooks/useLanguage.js

@@ -1,8 +1,8 @@
-import { useTranslation } from 'react-i18next';
-import { LanguageMode } from '../@types';
-export function useLanguage() {
-    var i18n = useTranslation().i18n;
-    var isAr = i18n.language === LanguageMode.AR;
-    var isEn = i18n.language === LanguageMode.EN;
-    return { isAr: isAr, isEn: isEn };
-}
+import { useTranslation } from 'react-i18next';
+import { LanguageMode } from '../@types';
+export function useLanguage() {
+    var i18n = useTranslation().i18n;
+    var isAr = i18n.language === LanguageMode.AR;
+    var isEn = i18n.language === LanguageMode.EN;
+    return { isAr: isAr, isEn: isEn };
+}

package/build/hooks/useThemeMode.d.ts

@@ -1,4 +1,4 @@
-export declare const useThemeMode: () => {
-    isDark: boolean;
-    isLight: boolean;
-};
+export declare const useThemeMode: () => {
+    isDark: boolean;
+    isLight: boolean;
+};

package/build/hooks/useThemeMode.js

@@ -1,7 +1,7 @@
-import { useTheme } from '@mui/material/styles';
-export var useThemeMode = function () {
-    var theme = useTheme();
-    var isDark = theme.palette.mode === 'dark';
-    var isLight = theme.palette.mode === 'light';
-    return { isDark: isDark, isLight: isLight };
-};
+import { useTheme } from '@mui/material/styles';
+export var useThemeMode = function () {
+    var theme = useTheme();
+    var isDark = theme.palette.mode === 'dark';
+    var isLight = theme.palette.mode === 'light';
+    return { isDark: isDark, isLight: isLight };
+};

package/build/i18n.d.ts

@@ -1,2 +1,2 @@
-import i18n from 'i18next';
-export default i18n;
+import i18n from 'i18next';
+export default i18n;

package/build/i18n.js

@@ -1,34 +1,34 @@
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-import Backend from 'i18next-http-backend';
-import LanguageDetector from 'i18next-browser-languagedetector';
-import { LOCAL_STORAGE_KEYS } from './constants';
-import translationEN from './assets/locales/en.json';
-import translationAR from './assets/locales/ar.json';
-var resources = {
-    en: {
-        translation: translationEN
-    },
-    ar: {
-        translation: translationAR
-    }
-};
-i18n
-    .use(Backend)
-    .use(LanguageDetector)
-    .use(initReactI18next)
-    .init({
-    resources: resources,
-    detection: {
-        order: ['querystring', 'localStorage'],
-        lookupQuerystring: LOCAL_STORAGE_KEYS.languageMode || 'lng',
-        htmlTag: document.documentElement
-    },
-    fallbackLng: 'en',
-    debug: false,
-    keySeparator: false,
-    interpolation: {
-        escapeValue: false
-    }
-});
-export default i18n;
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import Backend from 'i18next-http-backend';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import { LOCAL_STORAGE_KEYS } from './constants';
+import translationEN from './assets/locales/en.json';
+import translationAR from './assets/locales/ar.json';
+var resources = {
+    en: {
+        translation: translationEN
+    },
+    ar: {
+        translation: translationAR
+    }
+};
+i18n
+    .use(Backend)
+    .use(LanguageDetector)
+    .use(initReactI18next)
+    .init({
+    resources: resources,
+    detection: {
+        order: ['querystring', 'localStorage'],
+        lookupQuerystring: LOCAL_STORAGE_KEYS.languageMode || 'lng',
+        htmlTag: document.documentElement
+    },
+    fallbackLng: 'en',
+    debug: false,
+    keySeparator: false,
+    interpolation: {
+        escapeValue: false
+    }
+});
+export default i18n;

package/build/index.d.ts

@@ -1,10 +1,10 @@
-import './index.css';
-import './i18n';
-import { ConnectLib, renderConnectLib, ConnectLibProps, unmountConnectLib } from './features/connect';
-import { BusinessLib, renderBusinessLib, BusinessLibProps, unmountBusinessLib } from './features/business';
-import { PasswordLib, renderPasswordLib, PasswordLibProps, unmountPasswordLib } from './features/password';
-import { IndividualLib, renderIndividualLib, IndividualLibProps, unmountIndividualLib } from './features/individual';
-import { BankLib, renderBankLib, BankLibProps, unmountBankLib } from './features/bank';
-import { TaxLib, renderTaxLib, TaxLibProps, unmountTaxLib } from './features/tax';
-export type { ConnectLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps };
-export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };
+import './index.css';
+import './i18n';
+import { ConnectLib, renderConnectLib, ConnectLibProps, unmountConnectLib } from './features/connect';
+import { BusinessLib, renderBusinessLib, BusinessLibProps, unmountBusinessLib } from './features/business';
+import { PasswordLib, renderPasswordLib, PasswordLibProps, unmountPasswordLib } from './features/password';
+import { IndividualLib, renderIndividualLib, IndividualLibProps, unmountIndividualLib } from './features/individual';
+import { BankLib, renderBankLib, BankLibProps, unmountBankLib } from './features/bank';
+import { TaxLib, renderTaxLib, TaxLibProps, unmountTaxLib } from './features/tax';
+export type { ConnectLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps };
+export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };

package/build/index.js

@@ -1,23 +1,23 @@
-import './index.css';
-import './i18n';
-import { ConnectLib, renderConnectLib, unmountConnectLib } from './features/connect';
-import { BusinessLib, renderBusinessLib, unmountBusinessLib } from './features/business';
-import { PasswordLib, renderPasswordLib, unmountPasswordLib } from './features/password';
-import { IndividualLib, renderIndividualLib, unmountIndividualLib } from './features/individual';
-import { BankLib, renderBankLib, unmountBankLib } from './features/bank';
-import { TaxLib, renderTaxLib, unmountTaxLib } from './features/tax';
-export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };
-window['TapAuth'] = {
-    renderConnectLib: renderConnectLib,
-    unmountConnectLib: unmountConnectLib,
-    renderBusinessLib: renderBusinessLib,
-    unmountBusinessLib: unmountBusinessLib,
-    renderPasswordLib: renderPasswordLib,
-    unmountPasswordLib: unmountPasswordLib,
-    renderIndividualLib: renderIndividualLib,
-    unmountIndividualLib: unmountIndividualLib,
-    renderBankLib: renderBankLib,
-    unmountBankLib: unmountBankLib,
-    renderTaxLib: renderTaxLib,
-    unmountTaxLib: unmountTaxLib
-};
+import './index.css';
+import './i18n';
+import { ConnectLib, renderConnectLib, unmountConnectLib } from './features/connect';
+import { BusinessLib, renderBusinessLib, unmountBusinessLib } from './features/business';
+import { PasswordLib, renderPasswordLib, unmountPasswordLib } from './features/password';
+import { IndividualLib, renderIndividualLib, unmountIndividualLib } from './features/individual';
+import { BankLib, renderBankLib, unmountBankLib } from './features/bank';
+import { TaxLib, renderTaxLib, unmountTaxLib } from './features/tax';
+export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };
+window['TapAuth'] = {
+    renderConnectLib: renderConnectLib,
+    unmountConnectLib: unmountConnectLib,
+    renderBusinessLib: renderBusinessLib,
+    unmountBusinessLib: unmountBusinessLib,
+    renderPasswordLib: renderPasswordLib,
+    unmountPasswordLib: unmountPasswordLib,
+    renderIndividualLib: renderIndividualLib,
+    unmountIndividualLib: unmountIndividualLib,
+    renderBankLib: renderBankLib,
+    unmountBankLib: unmountBankLib,
+    renderTaxLib: renderTaxLib,
+    unmountTaxLib: unmountTaxLib
+};

package/build/theme/components.d.ts

@@ -1,2 +1,2 @@
-import { Components, Theme } from '@mui/material/styles';
-export declare const components: Components<Theme> | undefined;
+import { Components, Theme } from '@mui/material/styles';
+export declare const components: Components<Theme> | undefined;

package/build/theme/components.js

@@ -1,10 +1,10 @@
-export var components = {
-    MuiSvgIcon: {
-        styleOverrides: {
-            root: {
-                width: '0.8em',
-                height: '0.8em'
-            }
-        }
-    }
-};
+export var components = {
+    MuiSvgIcon: {
+        styleOverrides: {
+            root: {
+                width: '0.8em',
+                height: '0.8em'
+            }
+        }
+    }
+};

package/build/theme/index.d.ts

@@ -1 +1 @@
-export { appTheme } from './theme';
+export { appTheme } from './theme';

package/build/theme/index.js

@@ -1 +1 @@
-export { appTheme } from './theme';
+export { appTheme } from './theme';

package/build/theme/palette.d.ts

@@ -1,3 +1,3 @@
-import { PaletteOptions } from '@mui/material/styles';
-export declare const lightPalette: PaletteOptions;
-export declare const darkPalette: PaletteOptions;
+import { PaletteOptions } from '@mui/material/styles';
+export declare const lightPalette: PaletteOptions;
+export declare const darkPalette: PaletteOptions;

package/build/theme/palette.js

@@ -1,63 +1,64 @@
-export var lightPalette = {
-    mode: 'light',
-    divider: '#e3e8ee',
-    primary: {
-        main: '#007aff',
-        dark: '#9CA0A94D'
-    },
-    success: {
-        light: '#2CCE01',
-        main: '#1ECB40',
-        dark: '#3A4155'
-    },
-    common: {
-        black: '#000',
-        white: '#fff'
-    },
-    background: {
-        paper: '#fafbfd',
-        default: '#ffffff'
-    },
-    text: {
-        primary: '#3f424d',
-        secondary: '#ABAEB6',
-        disabled: '#3A4154B3'
-    },
-    action: {
-        selected: 'rgba(0, 0, 0, 0.08)',
-        hover: 'rgba(0, 0, 0, 0.08)'
-    },
-    secondary: {
-        light: '#FAFBFC',
-        main: '#c2c6cc',
-        dark: '#ABAEB6'
-    },
-    error: {
-        main: '#EB3746',
-        light: '#FF0F3E',
-        dark: '#E937454D'
-    },
-    warning: {
-        main: '#F5A623',
-        light: '#FF9F00',
-        dark: '#F5A6234D'
-    }
-};
-export var darkPalette = {
-    mode: 'dark',
-    divider: '#cdd2e0',
-    background: {
-        paper: '#171a21',
-        default: '#21252f'
-    },
-    text: {
-        primary: '#cdd2e0'
-    },
-    action: {
-        selected: 'rgba(0, 0, 0, 0.08)',
-        hover: 'rgba(0, 0, 0, 0.08)'
-    },
-    primary: {
-        main: '#007aff'
-    }
-};
+export var lightPalette = {
+    mode: 'light',
+    divider: '#e3e8ee',
+    primary: {
+        main: '#007aff',
+        dark: '#9CA0A94D',
+        light: '#0E9346'
+    },
+    success: {
+        light: '#2CCE01',
+        main: '#1ECB40',
+        dark: '#3A4155'
+    },
+    common: {
+        black: '#000',
+        white: '#fff'
+    },
+    background: {
+        paper: '#fafbfd',
+        default: '#ffffff'
+    },
+    text: {
+        primary: '#3f424d',
+        secondary: '#ABAEB6',
+        disabled: '#3A4154B3'
+    },
+    action: {
+        selected: 'rgba(0, 0, 0, 0.08)',
+        hover: 'rgba(0, 0, 0, 0.08)'
+    },
+    secondary: {
+        light: '#FAFBFC',
+        main: '#c2c6cc',
+        dark: '#ABAEB6'
+    },
+    error: {
+        main: '#EB3746',
+        light: '#FF0F3E',
+        dark: '#E937454D'
+    },
+    warning: {
+        main: '#F5A623',
+        light: '#FF9F00',
+        dark: '#F5A6234D'
+    }
+};
+export var darkPalette = {
+    mode: 'dark',
+    divider: '#cdd2e0',
+    background: {
+        paper: '#171a21',
+        default: '#21252f'
+    },
+    text: {
+        primary: '#cdd2e0'
+    },
+    action: {
+        selected: 'rgba(0, 0, 0, 0.08)',
+        hover: 'rgba(0, 0, 0, 0.08)'
+    },
+    primary: {
+        main: '#007aff'
+    }
+};

package/build/theme/shadows.d.ts

@@ -1,2 +1,2 @@
-import { Shadows } from '@mui/material/styles/shadows';
-export declare const shadows: Shadows | undefined;
+import { Shadows } from '@mui/material/styles/shadows';
+export declare const shadows: Shadows | undefined;

package/build/theme/shadows.js

@@ -1,27 +1,27 @@
-export var shadows = [
-    'none',
-    '0 0 0 1px rgb(63 63 68 / 5%), 0 1px 2px 0 rgb(63 63 68 / 15%)',
-    '0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)',
-    '0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)',
-    '0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)',
-    '0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)',
-    '0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)',
-    '0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)',
-    '0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)',
-    '0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)',
-    '0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)',
-    '0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)',
-    '0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)',
-    '0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)',
-    '0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)',
-    '0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)',
-    '0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)',
-    '0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)',
-    '0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)',
-    '0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)',
-    '0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)',
-    '0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)',
-    '0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)',
-    '0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)',
-    '0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)'
-];
+export var shadows = [
+    'none',
+    '0 0 0 1px rgb(63 63 68 / 5%), 0 1px 2px 0 rgb(63 63 68 / 15%)',
+    '0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)',
+    '0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)',
+    '0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)',
+    '0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)',
+    '0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)',
+    '0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)',
+    '0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)',
+    '0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)',
+    '0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)',
+    '0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)',
+    '0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)',
+    '0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)',
+    '0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)',
+    '0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)',
+    '0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)',
+    '0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)',
+    '0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)',
+    '0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)',
+    '0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)',
+    '0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)',
+    '0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)',
+    '0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)',
+    '0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)'
+];

package/build/theme/theme.d.ts

@@ -1,2 +1,2 @@
-import { DirectionMode, ThemeMode } from '../@types';
-export declare const appTheme: (mode: ThemeMode, dir: DirectionMode) => import("@mui/material/styles").Theme;
+import { DirectionMode, ThemeMode } from '../@types';
+export declare const appTheme: (mode: ThemeMode, dir: DirectionMode) => import("@mui/material/styles").Theme;