@lifi/widget 3.7.0-beta.1 → 3.7.0-beta.11

package/dist/esm/components/Header/NavigationHeader.jsx

@@ -0,0 +1,50 @@
+import { useAccount } from '@lifi/wallet-management';
+import { Box, Typography } from '@mui/material';
+import { Route, Routes, useLocation } from 'react-router-dom';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useHeaderStore } from '../../stores/header/useHeaderStore.js';
+import { HiddenUI } from '../../types/widget.js';
+import { backButtonRoutes, navigationRoutes, navigationRoutesValues, } from '../../utils/navigationRoutes.js';
+import { BackButton } from './BackButton.js';
+import { CloseDrawerButton } from './CloseDrawerButton.js';
+import { HeaderAppBar, HeaderControlsContainer } from './Header.style.js';
+import { NavigationTabs } from './NavigationTabs.js';
+import { SettingsButton } from './SettingsButton.js';
+import { TransactionHistoryButton } from './TransactionHistoryButton.js';
+import { SplitWalletMenuButton } from './WalletHeader.js';
+export const NavigationHeader = () => {
+    const { subvariant, hiddenUI, variant } = useWidgetConfig();
+    const { navigateBack } = useNavigateBack();
+    const { account } = useAccount();
+    const { element, title } = useHeaderStore((state) => state);
+    const { pathname } = useLocation();
+    const cleanedPathname = pathname.endsWith('/')
+        ? pathname.slice(0, -1)
+        : pathname;
+    const path = cleanedPathname.substring(cleanedPathname.lastIndexOf('/') + 1);
+    const hasPath = navigationRoutesValues.includes(path);
+    const splitSubvariant = subvariant === 'split' && !hasPath;
+    return (<>
+      <HeaderAppBar elevation={0}>
+        {backButtonRoutes.includes(path) ? (<BackButton onClick={navigateBack}/>) : null}
+        {splitSubvariant ? (<Box flex={1}>
+            <SplitWalletMenuButton />
+          </Box>) : (<Typography fontSize={hasPath ? 18 : 24} align={hasPath ? 'center' : 'left'} fontWeight="700" flex={1} noWrap>
+            {title}
+          </Typography>)}
+        <Routes>
+          <Route path={navigationRoutes.home} element={<HeaderControlsContainer>
+                {account.isConnected &&
+                !hiddenUI?.includes(HiddenUI.History) ? (<TransactionHistoryButton />) : null}
+                <SettingsButton />
+                {variant === 'drawer' &&
+                !hiddenUI?.includes(HiddenUI.DrawerCloseButton) ? (<CloseDrawerButton header="navigation"/>) : null}
+              </HeaderControlsContainer>}/>
+          <Route path="*" element={element || <Box width={28} height={40}/>}/>
+        </Routes>
+      </HeaderAppBar>
+      {splitSubvariant ? <NavigationTabs /> : null}
+    </>);
+};
+//# sourceMappingURL=NavigationHeader.jsx.map

package/dist/esm/components/Header/NavigationHeader.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHeader.jsx","sourceRoot":"","sources":["../../../../src/components/Header/NavigationHeader.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Header/NavigationTabs.d.ts

@@ -0,0 +1 @@
+export declare const NavigationTabs: () => import("react").JSX.Element;

package/dist/esm/components/Header/NavigationTabs.jsx

@@ -0,0 +1,26 @@
+import { useTranslation } from 'react-i18next';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { useSplitSubvariantStore } from '../../stores/settings/useSplitSubvariantStore.js';
+import { Tab, Tabs } from '../Tabs/Tabs.style.js';
+import { HeaderAppBar } from './Header.style.js';
+export const NavigationTabs = () => {
+    const { t } = useTranslation();
+    const [state, setState] = useSplitSubvariantStore((state) => [
+        state.state,
+        state.setState,
+    ]);
+    const { setFieldValue } = useFieldActions();
+    const handleChange = (_, value) => {
+        setFieldValue('fromAmount', '');
+        setFieldValue('fromToken', '');
+        setFieldValue('toToken', '');
+        setState(value === 0 ? 'swap' : 'bridge');
+    };
+    return (<HeaderAppBar elevation={0} sx={{ paddingTop: 1, paddingBottom: 0.5 }}>
+      <Tabs value={state === 'swap' ? 0 : 1} onChange={handleChange} aria-label="tabs" indicatorColor="primary">
+        <Tab label={t('header.swap')} disableRipple/>
+        <Tab label={t('header.bridge')} disableRipple/>
+      </Tabs>
+    </HeaderAppBar>);
+};
+//# sourceMappingURL=NavigationTabs.jsx.map

package/dist/esm/components/Header/NavigationTabs.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTabs.jsx","sourceRoot":"","sources":["../../../../src/components/Header/NavigationTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAA;AAC1F,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QAC3D,KAAK,CAAC,KAAK;QACX,KAAK,CAAC,QAAQ;KACf,CAAC,CAAA;IAEF,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3C,MAAM,YAAY,GAAG,CAAC,CAAuB,EAAE,KAAa,EAAE,EAAE;QAC9D,aAAa,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;QAC/B,aAAa,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;QAC9B,aAAa,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;QAC5B,QAAQ,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,OAAO,CACL,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,CACpE;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAChC,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,UAAU,CAAC,MAAM,CACjB,cAAc,CAAC,SAAS,CAExB;QAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EAC3C;QAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,EAC/C;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,YAAY,CAAC,CAChB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Header/SettingsButton.d.ts

@@ -0,0 +1 @@
+export declare const SettingsButton: () => import("react").JSX.Element;

package/dist/esm/components/Header/SettingsButton.jsx

@@ -0,0 +1,28 @@
+import { Settings } from '@mui/icons-material';
+import { Tooltip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { useSettingMonitor } from '../../hooks/useSettingMonitor.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { SettingsIconBadge, SettingsIconButton, } from './SettingsButton.style.js';
+export const SettingsButton = () => {
+    const { t } = useTranslation();
+    const { navigate } = useNavigateBack();
+    const { isCustomRouteSettings, isRouteSettingsWithWarnings } = useSettingMonitor();
+    const variant = isRouteSettingsWithWarnings
+        ? 'warning'
+        : isCustomRouteSettings
+            ? 'info'
+            : undefined;
+    const tooltipMessage = variant
+        ? t('tooltip.settingsModified')
+        : t('header.settings');
+    return (<Tooltip title={tooltipMessage}>
+      <SettingsIconButton size="medium" onClick={() => navigate(navigationRoutes.settings)} variant={variant}>
+        {variant ? (<SettingsIconBadge variant="dot" color={variant}>
+            <Settings />
+          </SettingsIconBadge>) : (<Settings />)}
+      </SettingsIconButton>
+    </Tooltip>);
+};
+//# sourceMappingURL=SettingsButton.jsx.map

package/dist/esm/components/Header/SettingsButton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.jsx","sourceRoot":"","sources":["../../../../src/components/Header/SettingsButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EACL,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,2BAA2B,CAAA;AAElC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IAEtC,MAAM,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,GAC1D,iBAAiB,EAAE,CAAA;IAErB,MAAM,OAAO,GAAG,2BAA2B;QACzC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,qBAAqB;YACrB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS,CAAA;IAEf,MAAM,cAAc,GAAG,OAAO;QAC5B,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC;QAC/B,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAExB,OAAO,CACL,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAC7B;MAAA,CAAC,kBAAkB,CACjB,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CACnD,OAAO,CAAC,CAAC,OAAO,CAAC,CAEjB;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAC9C;YAAA,CAAC,QAAQ,CAAC,AAAD,EACX;UAAA,EAAE,iBAAiB,CAAC,CACrB,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CAAC,AAAD,EAAG,CACb,CACH;MAAA,EAAE,kBAAkB,CACtB;IAAA,EAAE,OAAO,CAAC,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Header/SettingsButton.style.d.ts

@@ -0,0 +1,10 @@
+export declare const SettingsIconBadge: import("@emotion/styled").StyledComponent<import("@mui/material").BadgeOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "max" | "classes" | "variant" | "slots" | "slotProps" | "components" | "componentsProps" | "invisible" | "anchorOrigin" | "badgeContent" | "overlap" | "showZero"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+interface SettingsIconButtonProps {
+    variant?: 'info' | 'warning';
+}
+export declare const SettingsIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SettingsIconButtonProps, {}, {}>;
+export {};

package/dist/esm/components/Header/SettingsButton.style.jsx

@@ -0,0 +1,36 @@
+import { IconButton, Badge as MuiBadge, badgeClasses, darken, styled, } from '@mui/material';
+import { getInfoBackgroundColor, getWarningBackgroundColor, } from '../../utils/colors.js';
+export const SettingsIconBadge = styled(MuiBadge)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1.25),
+    [`.${badgeClasses.badge}`]: {
+        width: 10,
+        height: 10,
+        borderRadius: '50%',
+        transform: 'translate(70%, -70%)',
+    },
+}));
+export const SettingsIconButton = styled(IconButton, {
+    shouldForwardProp: (props) => props !== 'variant',
+})(({ theme, variant }) => {
+    switch (variant) {
+        case 'info':
+            return {
+                backgroundColor: getInfoBackgroundColor(theme),
+                '&:hover': {
+                    backgroundColor: darken(getInfoBackgroundColor(theme), 0.2),
+                },
+            };
+        case 'warning':
+            return {
+                backgroundColor: getWarningBackgroundColor(theme),
+                '&:hover': {
+                    backgroundColor: darken(getWarningBackgroundColor(theme), 0.2),
+                },
+            };
+        default:
+            break;
+    }
+});
+//# sourceMappingURL=SettingsButton.style.jsx.map

package/dist/esm/components/Header/SettingsButton.style.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.style.jsx","sourceRoot":"","sources":["../../../../src/components/Header/SettingsButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,IAAI,QAAQ,EACjB,YAAY,EACZ,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAA;AAE9B,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IACxB,CAAC,IAAI,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,sBAAsB;KAClC;CACF,CAAC,CAAC,CAAA;AAMH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,EAAE;IACnD,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS;CAClD,CAAC,CAA0B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACjD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,OAAO;gBACL,eAAe,EAAE,sBAAsB,CAAC,KAAK,CAAC;gBAC9C,SAAS,EAAE;oBACT,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;iBAC5D;aACF,CAAA;QACH,KAAK,SAAS;YACZ,OAAO;gBACL,eAAe,EAAE,yBAAyB,CAAC,KAAK,CAAC;gBACjD,SAAS,EAAE;oBACT,eAAe,EAAE,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;iBAC/D;aACF,CAAA;QACH;YACE,MAAK;IACT,CAAC;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/Header/TransactionHistoryButton.d.ts

@@ -0,0 +1 @@
+export declare const TransactionHistoryButton: () => import("react").JSX.Element;

package/dist/esm/components/Header/TransactionHistoryButton.jsx

@@ -0,0 +1,15 @@
+import { ReceiptLong } from '@mui/icons-material';
+import { IconButton, Tooltip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+export const TransactionHistoryButton = () => {
+    const { t } = useTranslation();
+    const { navigate } = useNavigateBack();
+    return (<Tooltip title={t('header.transactionHistory')}>
+      <IconButton size="medium" onClick={() => navigate(navigationRoutes.transactionHistory)}>
+        <ReceiptLong />
+      </IconButton>
+    </Tooltip>);
+};
+//# sourceMappingURL=TransactionHistoryButton.jsx.map

package/dist/esm/components/Header/TransactionHistoryButton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistoryButton.jsx","sourceRoot":"","sources":["../../../../src/components/Header/TransactionHistoryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAElE,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IAEtC,OAAO,CACL,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAC7C;MAAA,CAAC,UAAU,CACT,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAE7D;QAAA,CAAC,WAAW,CAAC,AAAD,EACd;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,OAAO,CAAC,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Header/WalletHeader.jsx

@@ -0,0 +1,84 @@
+import { getConnectorIcon, useAccount, useWalletMenu, } from '@lifi/wallet-management';
+import { ExpandMore, Wallet } from '@mui/icons-material';
+import { Avatar, Badge } from '@mui/material';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useChain } from '../../hooks/useChain.js';
+import { useHasExternalWalletProvider } from '../../providers/WalletProvider/useHasExternalWalletProvider.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { HiddenUI } from '../../types/widget.js';
+import { shortenAddress } from '../../utils/wallet.js';
+import { SmallAvatar } from '../Avatar/SmallAvatar.js';
+import { CloseDrawerButton } from './CloseDrawerButton.js';
+import { DrawerWalletContainer, HeaderAppBar, WalletAvatar, WalletButton, } from './Header.style.js';
+import { WalletMenu } from './WalletMenu.js';
+import { WalletMenuContainer } from './WalletMenu.style.js';
+export const WalletHeader = () => {
+    const { subvariant, hiddenUI } = useWidgetConfig();
+    const { hasExternalProvider } = useHasExternalWalletProvider();
+    return !hasExternalProvider &&
+        subvariant !== 'split' &&
+        !hiddenUI?.includes(HiddenUI.WalletMenu) ? (<HeaderAppBar elevation={0} sx={{ justifyContent: 'flex-end' }}>
+      <WalletMenuButton />
+    </HeaderAppBar>) : null;
+};
+export const SplitWalletMenuButton = () => {
+    const { hiddenUI } = useWidgetConfig();
+    const { hasExternalProvider } = useHasExternalWalletProvider();
+    return !hasExternalProvider && !hiddenUI?.includes(HiddenUI.WalletMenu) ? (<WalletMenuButton />) : null;
+};
+export const WalletMenuButton = () => {
+    const { account } = useAccount();
+    const { variant, hiddenUI } = useWidgetConfig();
+    if (variant === 'drawer') {
+        return (<DrawerWalletContainer>
+        {account.isConnected ? (<ConnectedButton account={account}/>) : (<ConnectButton />)}
+        {!hiddenUI?.includes(HiddenUI.DrawerCloseButton) ? (<CloseDrawerButton header="wallet"/>) : null}
+      </DrawerWalletContainer>);
+    }
+    return account.isConnected ? (<ConnectedButton account={account}/>) : (<ConnectButton />);
+};
+const ConnectButton = () => {
+    const { t } = useTranslation();
+    const { walletConfig, subvariant, variant } = useWidgetConfig();
+    const { openWalletMenu } = useWalletMenu();
+    const connect = async () => {
+        if (walletConfig?.onConnect) {
+            walletConfig.onConnect();
+            return;
+        }
+        openWalletMenu();
+    };
+    return (<WalletButton subvariant={subvariant} endIcon={variant !== 'drawer' && subvariant !== 'split' ? <Wallet /> : undefined} startIcon={variant === 'drawer' || subvariant === 'split' ? (<Wallet sx={{ marginLeft: -0.25 }}/>) : undefined} onClick={connect}>
+      {t('button.connectWallet')}
+    </WalletButton>);
+};
+const ConnectedButton = ({ account }) => {
+    const { subvariant } = useWidgetConfig();
+    const { chain } = useChain(account.chainId);
+    const [anchorEl, setAnchorEl] = useState(null);
+    const walletAddress = shortenAddress(account.address);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    return (<>
+      <WalletButton subvariant={subvariant} endIcon={<ExpandMore />} startIcon={chain?.logoURI ? (<Badge overlap="circular" anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }} badgeContent={<SmallAvatar src={chain?.logoURI} alt={chain?.name} sx={{ width: 12, height: 12 }}>
+                  {chain?.name[0]}
+                </SmallAvatar>}>
+              <WalletAvatar src={getConnectorIcon(account.connector)} alt={account.connector?.name}>
+                {account.connector?.name[0]}
+              </WalletAvatar>
+            </Badge>) : (<Avatar src={getConnectorIcon(account.connector)} alt={account.connector?.name} sx={{ width: 24, height: 24 }}>
+              {account.connector?.name[0]}
+            </Avatar>)} onClick={handleClick}>
+        {walletAddress}
+      </WalletButton>
+      <WalletMenuContainer anchorEl={anchorEl} open={Boolean(anchorEl)} onClose={handleClose}>
+        <WalletMenu onClose={handleClose}/>
+      </WalletMenuContainer>
+    </>);
+};
+//# sourceMappingURL=WalletHeader.jsx.map

package/dist/esm/components/Header/WalletHeader.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletHeader.jsx","sourceRoot":"","sources":["../../../../src/components/Header/WalletHeader.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Header/WalletMenu.d.ts

@@ -0,0 +1,3 @@
+export declare const WalletMenu: ({ onClose }: {
+    onClose: () => void;
+}) => import("react").JSX.Element;

package/dist/esm/components/Header/WalletMenu.jsx

@@ -0,0 +1,66 @@
+import { getConnectorIcon, useAccount, useWalletMenu, } from '@lifi/wallet-management';
+import { ContentCopyRounded, OpenInNewRounded, PowerSettingsNewRounded, } from '@mui/icons-material';
+import { Avatar, Badge, Box, Button, IconButton, MenuItem } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useAvailableChains } from '../../hooks/useAvailableChains.js';
+import { useExplorer } from '../../hooks/useExplorer.js';
+import { shortenAddress } from '../../utils/wallet.js';
+import { AvatarMasked } from '../Avatar/Avatar.style.js';
+import { SmallAvatar } from '../Avatar/SmallAvatar.js';
+import { DisconnectIconButton } from './DisconnectIconButton.js';
+export const WalletMenu = ({ onClose }) => {
+    const { t } = useTranslation();
+    const { accounts } = useAccount();
+    const { getChainById } = useAvailableChains();
+    const { openWalletMenu } = useWalletMenu();
+    const connect = async () => {
+        openWalletMenu();
+        onClose();
+    };
+    const { getAddressLink } = useExplorer();
+    return (<>
+      <Box display="flex" flexDirection="column">
+        {accounts.map((account) => {
+            const chain = getChainById(account.chainId);
+            const walletAddress = shortenAddress(account.address);
+            const handleCopyAddress = async () => {
+                await navigator.clipboard.writeText(account.address ?? '');
+                onClose();
+            };
+            return (<MenuItem key={account.address} disableTouchRipple>
+              <Box flex={1} display="flex" alignItems="center">
+                {chain?.logoURI ? (<Badge overlap="circular" anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }} badgeContent={<SmallAvatar src={chain?.logoURI} alt={chain?.name}>
+                        {chain?.name[0]}
+                      </SmallAvatar>} sx={{ marginRight: 1.5 }}>
+                    <AvatarMasked src={getConnectorIcon(account.connector)} alt={account.connector?.name}>
+                      {account.connector?.name[0]}
+                    </AvatarMasked>
+                  </Badge>) : (<Avatar src={getConnectorIcon(account.connector)} alt={account.connector?.name} sx={{
+                        marginRight: 1.5,
+                    }}>
+                    {account.connector?.name[0]}
+                  </Avatar>)}
+                {walletAddress}
+              </Box>
+              <Box ml={2}>
+                <IconButton size="medium" onClick={handleCopyAddress}>
+                  <ContentCopyRounded />
+                </IconButton>
+                <IconButton size="medium" component="a" onClick={onClose} href={account.address
+                    ? getAddressLink(account.address, chain)
+                    : undefined} target="_blank">
+                  <OpenInNewRounded />
+                </IconButton>
+                <DisconnectIconButton account={account}/>
+              </Box>
+            </MenuItem>);
+        })}
+      </Box>
+      <Button onClick={connect} fullWidth startIcon={<PowerSettingsNewRounded />} sx={{
+            marginTop: 1,
+        }}>
+        {t('button.connectAnotherWallet')}
+      </Button>
+    </>);
+};
+//# sourceMappingURL=WalletMenu.jsx.map

package/dist/esm/components/Header/WalletMenu.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletMenu.jsx","sourceRoot":"","sources":["../../../../src/components/Header/WalletMenu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Header/WalletMenu.style.jsx

@@ -0,0 +1,25 @@
+import { Menu as MuiMenu, menuClasses, menuItemClasses, styled, svgIconClasses, } from '@mui/material';
+export const WalletMenuContainer = styled(MuiMenu)(({ theme }) => ({
+    [`& .${menuClasses.paper}`]: {
+        borderRadius: theme.shape.borderRadius,
+        color: theme.palette.text.primary,
+        boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',
+        padding: theme.spacing(2),
+        [`& .${menuClasses.list}`]: {
+            padding: 0,
+        },
+        [`& .${menuItemClasses.root}`]: {
+            borderRadius: theme.shape.borderRadiusSecondary,
+            padding: theme.spacing(1, 0, 1, 1),
+            [`& .${svgIconClasses.root}`]: {
+                fontSize: 20,
+                color: theme.palette.text.primary,
+            },
+            ':hover': {
+                background: 'none',
+                cursor: 'default',
+            },
+        },
+    },
+}));
+//# sourceMappingURL=WalletMenu.style.jsx.map

package/dist/esm/components/Header/WalletMenu.style.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletMenu.style.jsx","sourceRoot":"","sources":["../../../../src/components/Header/WalletMenu.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,IAAI,OAAO,EACf,WAAW,EACX,eAAe,EACf,MAAM,EACN,cAAc,GACf,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACjC,SAAS,EAAE,2DAA2D;QACtE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,CAAC,MAAM,WAAW,CAAC,IAAI,EAAE,CAAC,EAAE;YAC1B,OAAO,EAAE,CAAC;SACX;QACD,CAAC,MAAM,eAAe,CAAC,IAAI,EAAE,CAAC,EAAE;YAC9B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,qBAAqB;YAC/C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,CAAC,MAAM,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;aAClC;YACD,QAAQ,EAAE;gBACR,UAAU,EAAE,MAAM;gBAClB,MAAM,EAAE,SAAS;aAClB;SACF;KACF;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/IconTypography.js

@@ -0,0 +1,8 @@
+import { Box, alpha, styled } from '@mui/material';
+export const IconTypography = styled(Box)(({ theme }) => ({
+    color: theme.palette.mode === 'light'
+        ? alpha(theme.palette.common.black, 0.32)
+        : alpha(theme.palette.common.white, 0.4),
+    lineHeight: 0,
+}));
+//# sourceMappingURL=IconTypography.js.map

package/dist/esm/components/IconTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTypography.js","sourceRoot":"","sources":["../../../src/components/IconTypography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;QACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC;IAC5C,UAAU,EAAE,CAAC;CACd,CAAC,CAAC,CAAA"}

package/dist/esm/components/Initializer.jsx

@@ -0,0 +1,6 @@
+import { useInitializer } from '../hooks/useInitializer.js';
+export const Initializer = () => {
+    useInitializer();
+    return null;
+};
+//# sourceMappingURL=Initializer.jsx.map

package/dist/esm/components/Initializer.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Initializer.jsx","sourceRoot":"","sources":["../../../src/components/Initializer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,MAAM,CAAC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,cAAc,EAAE,CAAA;IAChB,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/dist/esm/components/Input.jsx

@@ -0,0 +1,11 @@
+import { InputBase, inputBaseClasses, styled } from '@mui/material';
+export const Input = styled(InputBase)(({ theme }) => ({
+    paddingRight: theme.spacing(2),
+    [`.${inputBaseClasses.input}`]: {
+        padding: theme.spacing(1.5, 1, 1.5, 2),
+        height: '2.875em',
+        boxSizing: 'inherit',
+    },
+    fontWeight: 500,
+}));
+//# sourceMappingURL=Input.jsx.map

package/dist/esm/components/Input.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.jsx","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEnE,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QACtC,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,SAAS;KACrB;IACD,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC,CAAA"}

package/dist/esm/components/ListItem/ListItem.d.ts

@@ -0,0 +1,5 @@
+export declare const ListItem: import("@emotion/styled").StyledComponent<{
+    button?: false;
+} & import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "alignItems" | "children" | "sx" | "button" | "style" | "autoFocus" | "className" | "disabled" | "selected" | "classes" | "divider" | "dense" | "disableGutters" | "slots" | "slotProps" | "disablePadding" | "components" | "componentsProps" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/ListItem/ListItem.jsx

@@ -0,0 +1,21 @@
+import { ListItem as MuiListItem, listItemSecondaryActionClasses, listItemTextClasses, styled, } from '@mui/material';
+export const ListItem = styled(MuiListItem)(({ theme }) => ({
+    height: 64,
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    padding: theme.spacing(0, 1.5),
+    [`.${listItemSecondaryActionClasses.root}`]: {
+        right: theme.spacing(3),
+    },
+    [`& .${listItemTextClasses.secondary}`]: {
+        fontSize: 12,
+        fontWeight: 500,
+    },
+    [`& .${listItemTextClasses.primary}, & .${listItemTextClasses.secondary}`]: {
+        lineHeight: 1.3334,
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+    },
+}));
+//# sourceMappingURL=ListItem.jsx.map

package/dist/esm/components/ListItem/ListItem.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.jsx","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,MAAM,EAAE,EAAE;IACV,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;IAC9B,CAAC,IAAI,8BAA8B,CAAC,IAAI,EAAE,CAAC,EAAE;QAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACxB;IACD,CAAC,MAAM,mBAAmB,CAAC,SAAS,EAAE,CAAC,EAAE;QACvC,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;KAChB;IACD,CAAC,MAAM,mBAAmB,CAAC,OAAO,QAAQ,mBAAmB,CAAC,SAAS,EAAE,CAAC,EAAE;QAC1E,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/ListItem/ListItemButton.jsx

@@ -0,0 +1,9 @@
+import { styled } from '@mui/material';
+import { ListItemButton as ListItemButtonBase } from '../ListItemButton.js';
+export const ListItemButton = styled(ListItemButtonBase)(({ theme }) => ({
+    paddingLeft: theme.spacing(1.5),
+    paddingRight: theme.spacing(1.5),
+    height: 64,
+    width: '100%',
+}));
+//# sourceMappingURL=ListItemButton.jsx.map

package/dist/esm/components/ListItem/ListItemButton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemButton.jsx","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAE3E,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACvE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAChC,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAA"}

package/dist/esm/components/ListItemButton.jsx

@@ -0,0 +1,15 @@
+import { ListItemButton as MuiListItemButton, styled } from '@mui/material';
+import { getContrastAlphaColor } from '../utils/colors.js';
+export const ListItemButton = styled(MuiListItemButton)(({ theme, disabled }) => {
+    const backgroundHoverColor = getContrastAlphaColor(theme, 0.04);
+    return {
+        borderRadius: theme.shape.borderRadius,
+        paddingLeft: theme.spacing(1.5),
+        height: 56,
+        '&:hover': {
+            backgroundColor: !disabled && backgroundHoverColor,
+        },
+        ...(disabled ? { opacity: 0.5, cursor: 'auto' } : {}),
+    };
+});
+//# sourceMappingURL=ListItemButton.jsx.map

package/dist/esm/components/ListItemButton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemButton.jsx","sourceRoot":"","sources":["../../../src/components/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC,CACrD,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtB,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IAC/D,OAAO;QACL,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC/B,MAAM,EAAE,EAAE;QACV,SAAS,EAAE;YACT,eAAe,EAAE,CAAC,QAAQ,IAAI,oBAAoB;SACnD;QACD,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACtD,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/esm/components/ListItemText.jsx

@@ -0,0 +1,7 @@
+import { ListItemText as MuiListItemText, listItemTextClasses, styled, } from '@mui/material';
+export const ListItemText = styled(MuiListItemText)(() => ({
+    [`.${listItemTextClasses.primary}`]: {
+        fontWeight: 500,
+    },
+}));
+//# sourceMappingURL=ListItemText.jsx.map

package/dist/esm/components/ListItemText.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemText.jsx","sourceRoot":"","sources":["../../../src/components/ListItemText.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,eAAe,EAC/B,mBAAmB,EACnB,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,CAAC,IAAI,mBAAmB,CAAC,OAAO,EAAE,CAAC,EAAE;QACnC,UAAU,EAAE,GAAG;KAChB;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/Menu.jsx

@@ -0,0 +1,21 @@
+import { Menu as MuiMenu, menuClasses, menuItemClasses, styled, svgIconClasses, } from '@mui/material';
+export const Menu = styled(MuiMenu)(({ theme }) => ({
+    [`& .${menuClasses.paper}`]: {
+        borderRadius: theme.shape.borderRadius,
+        boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',
+        padding: theme.spacing(2),
+        [`& .${menuClasses.list}`]: {
+            padding: 0,
+        },
+        [`& .${menuItemClasses.root}`]: {
+            borderRadius: theme.shape.borderRadiusSecondary,
+            padding: theme.spacing(1, 2, 1, 1),
+            [`& .${svgIconClasses.root}`]: {
+                fontSize: 20,
+                color: theme.palette.text.primary,
+                marginRight: theme.spacing(1.5),
+            },
+        },
+    },
+}));
+//# sourceMappingURL=Menu.jsx.map

package/dist/esm/components/Menu.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.jsx","sourceRoot":"","sources":["../../../src/components/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,IAAI,OAAO,EACf,WAAW,EACX,eAAe,EACf,MAAM,EACN,cAAc,GACf,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,CAAC,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,SAAS,EAAE,2DAA2D;QACtE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,CAAC,MAAM,WAAW,CAAC,IAAI,EAAE,CAAC,EAAE;YAC1B,OAAO,EAAE,CAAC;SACX;QACD,CAAC,MAAM,eAAe,CAAC,IAAI,EAAE,CAAC,EAAE;YAC9B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,qBAAqB;YAC/C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,CAAC,MAAM,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;gBACjC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;aAChC;SACF;KACF;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/NotFound.jsx

@@ -0,0 +1,25 @@
+import { Block } from '@mui/icons-material';
+import { Box, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+export const NotFound = () => {
+    const { t } = useTranslation();
+    return (<Box sx={{
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'column',
+            flex: 1,
+            padding: 3,
+        }}>
+      <Typography fontSize={48}>
+        <Block fontSize="inherit"/>
+      </Typography>
+      <Typography fontSize={18} fontWeight={700}>
+        {t('tooltip.notFound.title')}
+      </Typography>
+      <Typography fontSize={14} color="text.secondary" textAlign="center" mt={2}>
+        {t('tooltip.notFound.text')}
+      </Typography>
+    </Box>);
+};
+//# sourceMappingURL=NotFound.jsx.map

package/dist/esm/components/NotFound.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.jsx","sourceRoot":"","sources":["../../../src/components/NotFound.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,QAAQ,GAAa,GAAG,EAAE;IACrC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,CAAC,GAAG,CACF,EAAE,CAAC,CAAC;YACF,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,CAAC;SACX,CAAC,CAEF;MAAA,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CACvB;QAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,EAC3B;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CACxC;QAAA,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAC9B;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,UAAU,CACT,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,gBAAgB,CACtB,SAAS,CAAC,QAAQ,CAClB,EAAE,CAAC,CAAC,CAAC,CAAC,CAEN;QAAA,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAC7B;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}