@lifi/widget 3.0.0-alpha.5 → 3.0.0-alpha.7

package/_cjs/components/Header/Header.style.d.ts

@@ -18,6 +18,4 @@ export declare const HeaderControlsContainer: import("@emotion/styled").StyledCo
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const SplitTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & 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;
-}, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slotProps" | "slots" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
-    component?: import("react").ElementType<any> | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slotProps" | "slots" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_cjs/components/PoweredBy/PoweredBy.style.d.ts

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

package/_cjs/components/Step/StepProcess.style.d.ts

@@ -1,3 +1,10 @@
-import type { StyledComponent } from '@emotion/styled';
-import type { IconButtonProps, LinkProps } from '@mui/material';
-export declare const LinkButton: StyledComponent<IconButtonProps & LinkProps>;
+/// <reference types="react" />
+export declare const LinkButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | 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> & {
+    component?: import("react").ElementType<any> | undefined;
+} & import("@mui/material").LinkOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping" | "TypographyClasses" | "underline"> & {
+    component?: import("react").ElementType<any> | undefined;
+}, {}, {}>;

package/_cjs/components/Tabs/Tabs.style.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { StyledComponent } from '@emotion/styled';
-import type { TabsProps } from '@mui/material';
-export declare const Tabs: StyledComponent<TabsProps>;
-export declare const Tab: StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const Tabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & 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;
+}, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slotProps" | "slots" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Tab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & 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;
 }, "children" | "sx" | "label" | "style" | "className" | "tabIndex" | "disabled" | "value" | "action" | "classes" | "icon" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     component?: import("react").ElementType<any> | undefined;

package/_cjs/components/Tabs/Tabs.style.js

@@ -15,8 +15,7 @@ exports.Tabs = (0, styles_1.styled)(material_1.Tabs)(({ theme }) => ({
         backgroundColor: theme.palette.mode === 'dark'
             ? theme.palette.background.default
             : theme.palette.common.white,
-        borderRadius: Math.max(theme.shape.borderRadius, theme.shape.borderRadiusSecondary) -
-            4,
+        borderRadius: Math.max(theme.shape.borderRadius, theme.shape.borderRadiusSecondary) - 4,
         boxShadow: `0px 2px 4px ${(0, styles_1.alpha)(theme.palette.common.black, 0.04)}`,
     },
 }));

package/_cjs/components/TokenList/TokenList.style.d.ts

@@ -1,12 +1,18 @@
 /// <reference types="react" />
-import type { StyledComponent } from '@emotion/styled';
-import type { IconButtonProps, LinkProps } from '@mui/material';
-export declare const ListItemButton: StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & 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;
 }, "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "tabIndex" | "disabled" | "action" | "selected" | "classes" | "divider" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ListItem: StyledComponent<{
+export declare const ListItem: import("@emotion/styled").StyledComponent<{
     button?: false | undefined;
 } & import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
 }, "button" | "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "disabled" | "selected" | "classes" | "divider" | "components" | "dense" | "componentsProps" | "slotProps" | "slots" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const IconButton: StyledComponent<IconButtonProps & LinkProps>;
+export declare const IconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | 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> & {
+    component?: import("react").ElementType<any> | undefined;
+} & import("@mui/material").LinkOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping" | "TypographyClasses" | "underline"> & {
+    component?: import("react").ElementType<any> | undefined;
+}, {}, {}>;

package/_cjs/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "3.0.0-alpha.5";
+export declare const version = "3.0.0-alpha.7";

package/_cjs/config/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = '@lifi/widget';
-exports.version = '3.0.0-alpha.5';
+exports.version = '3.0.0-alpha.7';

package/_cjs/pages/LanguagesPage/LanguagesPage.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LanguagesPage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_i18next_1 = require("react-i18next");
 const Check_1 = require("@mui/icons-material/Check");
 const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
 const ListItemText_1 = require("../../components/ListItemText");
 const SettingsListItemButton_1 = require("../../components/SettingsListItemButton");
 const hooks_1 = require("../../hooks");

package/_cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectEnabledToolsPage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
 const Check_1 = require("@mui/icons-material/Check");
 const CheckBoxOutlineBlankOutlined_1 = require("@mui/icons-material/CheckBoxOutlineBlankOutlined");
 const CheckBoxOutlined_1 = require("@mui/icons-material/CheckBoxOutlined");
 const IndeterminateCheckBoxOutlined_1 = require("@mui/icons-material/IndeterminateCheckBoxOutlined");
 const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
 const shallow_1 = require("zustand/shallow");
 const ListItemText_1 = require("../../components/ListItemText");
+const SettingsListItemButton_1 = require("../../components/SettingsListItemButton");
 const hooks_1 = require("../../hooks");
 const stores_1 = require("../../stores");
-const SettingsListItemButton_1 = require("../../components/SettingsListItemButton");
 const SelectAllCheckbox = ({ allCheckboxesSelected, anyCheckboxesSelected, onClick, }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const tooltipTitle = allCheckboxesSelected

package/_cjs/pages/SettingsPage/BridgeAndExchangeSettings.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BridgeAndExchangeSettings = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const AirlineStops_1 = require("@mui/icons-material/AirlineStops");
+const SwapHoriz_1 = require("@mui/icons-material/SwapHoriz");
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const shallow_1 = require("zustand/shallow");
-const AirlineStops_1 = require("@mui/icons-material/AirlineStops");
-const SwapHoriz_1 = require("@mui/icons-material/SwapHoriz");
+const hooks_1 = require("../../hooks");
 const stores_1 = require("../../stores");
 const utils_1 = require("../../utils");
-const hooks_1 = require("../../hooks");
 const SettingsCard_1 = require("./SettingsCard");
 const supportedIcons = {
     Bridges: AirlineStops_1.default,

package/_cjs/pages/SettingsPage/GasPriceSettings.js

@@ -4,9 +4,9 @@ exports.GasPriceSettings = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const EvStation_1 = require("@mui/icons-material/EvStation");
 const react_i18next_1 = require("react-i18next");
-const stores_1 = require("../../stores");
 const Tabs_1 = require("../../components/Tabs");
 const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
 const SettingsCard_1 = require("./SettingsCard");
 const GasPriceSettings = () => {
     const { t } = (0, react_i18next_1.useTranslation)();

package/_cjs/pages/SettingsPage/LanguageSetting.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LanguageSetting = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_router_dom_1 = require("react-router-dom");
-const react_i18next_1 = require("react-i18next");
 const Language_1 = require("@mui/icons-material/Language");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const hooks_1 = require("../../hooks");
 const providers_1 = require("../../providers");
 const types_1 = require("../../types");
 const utils_1 = require("../../utils");
-const hooks_1 = require("../../hooks");
 const SettingsCard_1 = require("./SettingsCard");
 const LanguageSetting = () => {
     const { t } = (0, react_i18next_1.useTranslation)();

package/_cjs/pages/SettingsPage/ResetSettingsButton.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResetSettingsButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const InfoRounded_1 = require("@mui/icons-material/InfoRounded");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const Dialog_1 = require("../../components/Dialog");
 const hooks_1 = require("../../hooks");
 const ResetSettingsButton_style_1 = require("./ResetSettingsButton.style");
-const icons_material_1 = require("@mui/icons-material");
 const ResetSettingsButton = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { isCustomRouteSettings, reset } = (0, hooks_1.useSettingMonitor)();
@@ -23,7 +23,7 @@ const ResetSettingsButton = () => {
     if (!isCustomRouteSettings) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { px: 3, mb: 1, children: (0, jsx_runtime_1.jsxs)(ResetSettingsButton_style_1.ResetButtonContainer, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", marginBottom: "12px", children: [(0, jsx_runtime_1.jsx)(icons_material_1.InfoRounded, { sx: {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { px: 3, mb: 1, children: (0, jsx_runtime_1.jsxs)(ResetSettingsButton_style_1.ResetButtonContainer, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", marginBottom: "12px", children: [(0, jsx_runtime_1.jsx)(InfoRounded_1.default, { sx: {
                                 marginRight: '8px',
                             } }), (0, jsx_runtime_1.jsx)(material_1.Box, { fontSize: 14, children: t(`settings.resetSettings`) })] }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: open, onClose: toggleDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('warning.title.resetSettings') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('warning.message.resetSettings') }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
 };

package/_cjs/pages/SettingsPage/RoutePrioritySettings.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoutePrioritySettings = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_i18next_1 = require("react-i18next");
-const Route_1 = require("@mui/icons-material/Route");
 const sdk_1 = require("@lifi/sdk");
+const Route_1 = require("@mui/icons-material/Route");
+const react_i18next_1 = require("react-i18next");
 const Tabs_1 = require("../../components/Tabs");
-const stores_1 = require("../../stores");
 const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
 const SettingsCard_1 = require("./SettingsCard");
 const RoutePrioritySettings = () => {
     const { t } = (0, react_i18next_1.useTranslation)();

package/_cjs/pages/SettingsPage/SendToWalletOptionSetting.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SendToWalletOptionSetting = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_i18next_1 = require("react-i18next");
 const Wallet_1 = require("@mui/icons-material/Wallet");
+const react_i18next_1 = require("react-i18next");
 const Switch_1 = require("../../components/Switch");
 const providers_1 = require("../../providers");
 const stores_1 = require("../../stores");

package/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SlippageSettings = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const Percent_1 = require("@mui/icons-material/Percent");
+const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
+const material_1 = require("@mui/material");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
-const Percent_1 = require("@mui/icons-material/Percent");
-const stores_1 = require("../../../stores");
 const hooks_1 = require("../../../hooks");
+const stores_1 = require("../../../stores");
 const utils_1 = require("../../../utils");
-const SlippageSettings_style_1 = require("./SlippageSettings.style");
-const material_1 = require("@mui/material");
 const SettingsCard_1 = require("../SettingsCard");
-const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
+const SlippageSettings_style_1 = require("./SlippageSettings.style");
 const slippageDefault = '0.5';
 const SlippageSettings = () => {
     const { t } = (0, react_i18next_1.useTranslation)();

package/_cjs/pages/SettingsPage/ThemeSettings.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeSettings = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const types_1 = require("../../types");
-const providers_1 = require("../../providers");
-const LightMode_1 = require("@mui/icons-material/LightMode");
 const BrightnessAuto_1 = require("@mui/icons-material/BrightnessAuto");
+const LightMode_1 = require("@mui/icons-material/LightMode");
 const Nightlight_1 = require("@mui/icons-material/Nightlight");
 const material_1 = require("@mui/material");
 const react_i18next_1 = require("react-i18next");
+const Tabs_1 = require("../../components/Tabs");
+const providers_1 = require("../../providers");
 const stores_1 = require("../../stores");
+const types_1 = require("../../types");
 const SettingsCard_1 = require("./SettingsCard");
-const Tabs_1 = require("../../components/Tabs");
 const themeIcons = {
     light: LightMode_1.default,
     dark: Nightlight_1.default,

package/_esm/AppDrawer.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CloseIcon from '@mui/icons-material/CloseRounded';
-import KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';
-import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+import CloseIcon from '@mui/icons-material/esm/CloseRounded';
+import KeyboardArrowLeftIcon from '@mui/icons-material/esm/KeyboardArrowLeft';
+import KeyboardArrowRightIcon from '@mui/icons-material/esm/KeyboardArrowRight';
 import { Drawer } from '@mui/material';
 import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/components/ActiveTransactions/ActiveTransactionItem.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-import ErrorRoundedIcon from '@mui/icons-material/ErrorRounded';
-import InfoRoundedIcon from '@mui/icons-material/InfoRounded';
+import ArrowForwardIcon from '@mui/icons-material/esm/ArrowForward';
+import ErrorRoundedIcon from '@mui/icons-material/esm/ErrorRounded';
+import InfoRoundedIcon from '@mui/icons-material/esm/InfoRounded';
 import { ListItemAvatar, ListItemText, Typography } from '@mui/material';
 import { useNavigate } from 'react-router-dom';
 import { useProcessMessage, useRouteExecution } from '../../hooks';

package/_esm/components/GasMessage/FundsSufficiencyMessage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
 import { Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { WarningMessageCard, WarningMessageCardTitle, } from './GasMessage.style';

package/_esm/components/GasMessage/GasRefuelMessage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import EvStationIcon from '@mui/icons-material/EvStation';
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
 import { Box, Collapse, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useGasRefuel } from '../../hooks';

package/_esm/components/GasMessage/GasSufficiencyMessage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import EvStationIcon from '@mui/icons-material/EvStation';
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
 import { Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { formatUnits } from 'viem';

package/_esm/components/Header/Header.style.d.ts

@@ -18,6 +18,4 @@ export declare const HeaderControlsContainer: import("@emotion/styled").StyledCo
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const SplitTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & 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;
-}, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slotProps" | "slots" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
-    component?: import("react").ElementType<any> | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slotProps" | "slots" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/Header/NavigationHeader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import ArrowBackIcon from '@mui/icons-material/ArrowBack';
-import ReceiptLongIcon from '@mui/icons-material/ReceiptLong';
+import ArrowBackIcon from '@mui/icons-material/esm/ArrowBack';
+import ReceiptLongIcon from '@mui/icons-material/esm/ReceiptLong';
 import { Box, Tooltip, Typography } from '@mui/material';
 import IconButton from '@mui/material/IconButton';
 import { useTranslation } from 'react-i18next';

package/_esm/components/Header/SettingsButton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import SettingsIcon from '@mui/icons-material/Settings';
+import SettingsIcon from '@mui/icons-material/esm/Settings';
 import { Tooltip } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useNavigateBack, useSettingMonitor } from '../../hooks';

package/_esm/components/Header/WalletHeader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import WalletIcon from '@mui/icons-material/Wallet';
+import ExpandMoreIcon from '@mui/icons-material/esm/ExpandMore';
+import WalletIcon from '@mui/icons-material/esm/Wallet';
 import { Avatar, Badge } from '@mui/material';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/components/Header/WalletMenu.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChainType } from '@lifi/sdk';
-import ContentCopyIcon from '@mui/icons-material/ContentCopyRounded';
-import OpenInNewIcon from '@mui/icons-material/OpenInNewRounded';
-import PowerSettingsNewIcon from '@mui/icons-material/PowerSettingsNewRounded';
+import ContentCopyIcon from '@mui/icons-material/esm/ContentCopyRounded';
+import OpenInNewIcon from '@mui/icons-material/esm/OpenInNewRounded';
+import PowerSettingsNewIcon from '@mui/icons-material/esm/PowerSettingsNewRounded';
 import { Avatar, Badge, Box, Button, IconButton, MenuItem, } from '@mui/material';
 import { useWallet } from '@solana/wallet-adapter-react';
 import { useTranslation } from 'react-i18next';

package/_esm/components/Insurance/InsuranceCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ExpandLessIcon from '@mui/icons-material/ExpandLess';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import VerifiedUserIcon from '@mui/icons-material/VerifiedUser';
+import ExpandLessIcon from '@mui/icons-material/esm/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/esm/ExpandMore';
+import VerifiedUserIcon from '@mui/icons-material/esm/VerifiedUser';
 import { Box, Collapse, Link, Typography } from '@mui/material';
 import { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';

package/_esm/components/NotFound.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import BlockIcon from '@mui/icons-material/Block';
+import BlockIcon from '@mui/icons-material/esm/Block';
 import { Box, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 export const NotFound = () => {

package/_esm/components/PoweredBy/PoweredBy.style.d.ts

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

package/_esm/components/ReverseTokensButton/ReverseTokensButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import SwapHorizIcon from '@mui/icons-material/SwapHoriz';
-import SwapVertIcon from '@mui/icons-material/SwapVert';
+import SwapHorizIcon from '@mui/icons-material/esm/SwapHoriz';
+import SwapVertIcon from '@mui/icons-material/esm/SwapVert';
 import { useFormContext } from 'react-hook-form';
 import { FormKey } from '../../providers';
 import { IconButton } from './ReverseTokensButton.style';

package/_esm/components/RouteCard/RouteCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ExpandLessIcon from '@mui/icons-material/ExpandLess';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import VerifiedUserIcon from '@mui/icons-material/VerifiedUser';
+import ExpandLessIcon from '@mui/icons-material/esm/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/esm/ExpandMore';
+import VerifiedUserIcon from '@mui/icons-material/esm/VerifiedUser';
 import { Box, Collapse, Tooltip, Typography } from '@mui/material';
 import { Fragment, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';

package/_esm/components/RouteCard/RouteCardEssentials.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import AccessTimeIcon from '@mui/icons-material/AccessTimeFilled';
-import EvStationIcon from '@mui/icons-material/EvStation';
-import LayersIcon from '@mui/icons-material/Layers';
-import MonetizationOnIcon from '@mui/icons-material/MonetizationOn';
+import AccessTimeIcon from '@mui/icons-material/esm/AccessTimeFilled';
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
+import LayersIcon from '@mui/icons-material/esm/Layers';
+import MonetizationOnIcon from '@mui/icons-material/esm/MonetizationOn';
 import { Box, Tooltip, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { formatUnits } from 'viem';

package/_esm/components/RouteCard/RouteNotFoundCard.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import RouteIcon from '@mui/icons-material/Route';
+import RouteIcon from '@mui/icons-material/esm/Route';
 import { Box, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 export const RouteNotFoundCard = () => {

package/_esm/components/SendToWallet/SendToWalletButton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import WalletIcon from '@mui/icons-material/Wallet';
+import WalletIcon from '@mui/icons-material/esm/Wallet';
 import Button from '@mui/material/Button';
 import Tooltip from '@mui/material/Tooltip';
 import { useFormContext } from 'react-hook-form';

package/_esm/components/Step/CircularProgress.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DoneIcon from '@mui/icons-material/Done';
-import ErrorRoundedIcon from '@mui/icons-material/ErrorRounded';
-import InfoRoundedIcon from '@mui/icons-material/InfoRounded';
-import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
+import DoneIcon from '@mui/icons-material/esm/Done';
+import ErrorRoundedIcon from '@mui/icons-material/esm/ErrorRounded';
+import InfoRoundedIcon from '@mui/icons-material/esm/InfoRounded';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
 import { darken } from '@mui/material/styles';
 import { CircularIcon, CircularProgressPending, } from './CircularProgress.style';
 export function CircularProgress({ process }) {

package/_esm/components/Step/DestinationWalletAddress.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LinkRoundedIcon from '@mui/icons-material/LinkRounded';
-import WalletIcon from '@mui/icons-material/Wallet';
+import LinkRoundedIcon from '@mui/icons-material/esm/LinkRounded';
+import WalletIcon from '@mui/icons-material/esm/Wallet';
 import { Box, Link, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { CircularIcon } from './CircularProgress.style';

package/_esm/components/Step/GasStepProcess.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import EvStationIcon from '@mui/icons-material/EvStation';
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
 import { Box, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { CircularIcon } from './CircularProgress.style';

package/_esm/components/Step/StepProcess.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LinkRoundedIcon from '@mui/icons-material/LinkRounded';
+import LinkRoundedIcon from '@mui/icons-material/esm/LinkRounded';
 import { Box, Link, Typography } from '@mui/material';
 import { useProcessMessage } from '../../hooks';
 import { CircularProgress } from './CircularProgress';

package/_esm/components/Step/StepProcess.style.d.ts

@@ -1,3 +1,10 @@
-import type { StyledComponent } from '@emotion/styled';
-import type { IconButtonProps, LinkProps } from '@mui/material';
-export declare const LinkButton: StyledComponent<IconButtonProps & LinkProps>;
+/// <reference types="react" />
+export declare const LinkButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | 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> & {
+    component?: import("react").ElementType<any> | undefined;
+} & import("@mui/material").LinkOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping" | "TypographyClasses" | "underline"> & {
+    component?: import("react").ElementType<any> | undefined;
+}, {}, {}>;

package/_esm/components/StepActions/StepActions.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-import ExpandLessIcon from '@mui/icons-material/ExpandLess';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import ArrowForwardIcon from '@mui/icons-material/esm/ArrowForward';
+import ExpandLessIcon from '@mui/icons-material/esm/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/esm/ExpandMore';
 import { Badge, Box, Collapse, Step as MuiStep, Stepper, Typography, } from '@mui/material';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/components/Tabs/Tabs.style.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { StyledComponent } from '@emotion/styled';
-import type { TabsProps } from '@mui/material';
-export declare const Tabs: StyledComponent<TabsProps>;
-export declare const Tab: StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const Tabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & 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;
+}, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slotProps" | "slots" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Tab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & 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;
 }, "children" | "sx" | "label" | "style" | "className" | "tabIndex" | "disabled" | "value" | "action" | "classes" | "icon" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     component?: import("react").ElementType<any> | undefined;

package/_esm/components/Tabs/Tabs.style.js

@@ -12,8 +12,7 @@ export const Tabs = styled(MuiTabs)(({ theme }) => ({
         backgroundColor: theme.palette.mode === 'dark'
             ? theme.palette.background.default
             : theme.palette.common.white,
-        borderRadius: Math.max(theme.shape.borderRadius, theme.shape.borderRadiusSecondary) -
-            4,
+        borderRadius: Math.max(theme.shape.borderRadius, theme.shape.borderRadiusSecondary) - 4,
         boxShadow: `0px 2px 4px ${alpha(theme.palette.common.black, 0.04)}`,
     },
 }));

package/_esm/components/TokenList/TokenList.style.d.ts

@@ -1,12 +1,18 @@
 /// <reference types="react" />
-import type { StyledComponent } from '@emotion/styled';
-import type { IconButtonProps, LinkProps } from '@mui/material';
-export declare const ListItemButton: StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & 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;
 }, "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "tabIndex" | "disabled" | "action" | "selected" | "classes" | "divider" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ListItem: StyledComponent<{
+export declare const ListItem: import("@emotion/styled").StyledComponent<{
     button?: false | undefined;
 } & import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
 }, "button" | "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "disabled" | "selected" | "classes" | "divider" | "components" | "dense" | "componentsProps" | "slotProps" | "slots" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const IconButton: StyledComponent<IconButtonProps & LinkProps>;
+export declare const IconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | 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> & {
+    component?: import("react").ElementType<any> | undefined;
+} & import("@mui/material").LinkOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping" | "TypographyClasses" | "underline"> & {
+    component?: import("react").ElementType<any> | undefined;
+}, {}, {}>;

package/_esm/components/TokenList/TokenListItem.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import OpenInNewIcon from '@mui/icons-material/OpenInNewRounded';
+import OpenInNewIcon from '@mui/icons-material/esm/OpenInNewRounded';
 import { Avatar, Box, Link, ListItemAvatar, ListItemText, Skeleton, Slide, Typography, } from '@mui/material';
 import { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/components/TokenList/TokenNotFound.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import SearchOffIcon from '@mui/icons-material/SearchOff';
+import SearchOffIcon from '@mui/icons-material/esm/SearchOff';
 import { Box, Typography } from '@mui/material';
 import { useWatch } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';

package/_esm/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "3.0.0-alpha.5";
+export declare const version = "3.0.0-alpha.7";

package/_esm/config/version.js

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '3.0.0-alpha.5';
+export const version = '3.0.0-alpha.7';

package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsEmpty.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import SwapHorizIcon from '@mui/icons-material/SwapHoriz';
+import SwapHorizIcon from '@mui/icons-material/esm/SwapHoriz';
 import { Container, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 export const ActiveTransactionsEmpty = () => {

package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DeleteIcon from '@mui/icons-material/DeleteOutline';
+import DeleteIcon from '@mui/icons-material/esm/DeleteOutline';
 import { Button, Container, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, List, } from '@mui/material';
 import { useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/pages/LanguagesPage/LanguagesPage.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import CheckIcon from '@mui/icons-material/Check';
+import CheckIcon from '@mui/icons-material/esm/Check';
 import { Container, List } from '@mui/material';
+import { useTranslation } from 'react-i18next';
 import { ListItemText } from '../../components/ListItemText';
 import { SettingsListItemButton } from '../../components/SettingsListItemButton';
 import { useLanguages } from '../../hooks';

package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CheckIcon from '@mui/icons-material/esm/Check';
+import CheckBoxOutlineBlankOutlinedIcon from '@mui/icons-material/esm/CheckBoxOutlineBlankOutlined';
+import CheckBoxOutlinedIcon from '@mui/icons-material/esm/CheckBoxOutlined';
+import IndeterminateCheckBoxOutlinedIcon from '@mui/icons-material/esm/IndeterminateCheckBoxOutlined';
+import { Avatar, Container, IconButton, List, ListItemAvatar, Tooltip, } from '@mui/material';
 import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import CheckIcon from '@mui/icons-material/Check';
-import CheckBoxOutlineBlankOutlinedIcon from '@mui/icons-material/CheckBoxOutlineBlankOutlined';
-import CheckBoxOutlinedIcon from '@mui/icons-material/CheckBoxOutlined';
-import IndeterminateCheckBoxOutlinedIcon from '@mui/icons-material/IndeterminateCheckBoxOutlined';
-import { Avatar, Container, IconButton, List, ListItemAvatar, Tooltip, } from '@mui/material';
 import { shallow } from 'zustand/shallow';
 import { ListItemText } from '../../components/ListItemText';
+import { SettingsListItemButton } from '../../components/SettingsListItemButton';
 import { useTools } from '../../hooks';
 import { useHeaderStoreContext, useSettingsStore } from '../../stores';
-import { SettingsListItemButton } from '../../components/SettingsListItemButton';
 const SelectAllCheckbox = ({ allCheckboxesSelected, anyCheckboxesSelected, onClick, }) => {
     const { t } = useTranslation();
     const tooltipTitle = allCheckboxesSelected

package/_esm/pages/SelectTokenPage/SearchTokenInput.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import SearchIcon from '@mui/icons-material/Search';
+import SearchIcon from '@mui/icons-material/esm/Search';
 import { FormControl, InputAdornment } from '@mui/material';
 import { useEffect } from 'react';
 import { useFormContext } from 'react-hook-form';

package/_esm/pages/SettingsPage/BridgeAndExchangeSettings.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import AirlineStopsIcon from '@mui/icons-material/esm/AirlineStops';
+import SwapHorizIcon from '@mui/icons-material/esm/SwapHoriz';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { shallow } from 'zustand/shallow';
-import AirlineStopsIcon from '@mui/icons-material/AirlineStops';
-import SwapHorizIcon from '@mui/icons-material/SwapHoriz';
+import { useSettingMonitor } from '../../hooks';
 import { useSettingsStore } from '../../stores';
 import { navigationRoutes } from '../../utils';
-import { useSettingMonitor } from '../../hooks';
-import { SettingCardButton, BadgedValue } from './SettingsCard';
+import { BadgedValue, SettingCardButton } from './SettingsCard';
 const supportedIcons = {
     Bridges: AirlineStopsIcon,
     Exchanges: SwapHorizIcon,

package/_esm/pages/SettingsPage/GasPriceSettings.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import EvStationIcon from '@mui/icons-material/EvStation';
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
 import { useTranslation } from 'react-i18next';
-import { useSettings, useSettingsStore } from '../../stores';
 import { Tab, Tabs } from '../../components/Tabs';
 import { useSettingMonitor } from '../../hooks';
-import { SettingCardExpandable, BadgedValue } from './SettingsCard';
+import { useSettings, useSettingsStore } from '../../stores';
+import { BadgedValue, SettingCardExpandable } from './SettingsCard';
 export const GasPriceSettings = () => {
     const { t } = useTranslation();
     const setValue = useSettingsStore((state) => state.setValue);

package/_esm/pages/SettingsPage/LanguageSetting.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useNavigate } from 'react-router-dom';
+import LanguageIcon from '@mui/icons-material/esm/Language';
 import { useTranslation } from 'react-i18next';
-import LanguageIcon from '@mui/icons-material/Language';
+import { useNavigate } from 'react-router-dom';
+import { useLanguages } from '../../hooks';
 import { useWidgetConfig } from '../../providers';
 import { HiddenUI } from '../../types';
 import { navigationRoutes } from '../../utils';
-import { useLanguages } from '../../hooks';
 import { SettingCardButton, SummaryValue } from './SettingsCard';
 export const LanguageSetting = () => {
     const { t } = useTranslation();

package/_esm/pages/SettingsPage/ResetSettingsButton.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import InfoRounded from '@mui/icons-material/esm/InfoRounded';
 import { Box, Button, DialogActions, DialogContent, DialogContentText, DialogTitle, } from '@mui/material';
 import { useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Dialog } from '../../components/Dialog';
 import { useSettingMonitor } from '../../hooks';
 import { ResetButtonContainer } from './ResetSettingsButton.style';
-import { InfoRounded } from '@mui/icons-material';
 export const ResetSettingsButton = () => {
     const { t } = useTranslation();
     const { isCustomRouteSettings, reset } = useSettingMonitor();

package/_esm/pages/SettingsPage/RoutePrioritySettings.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import RouteIcon from '@mui/icons-material/Route';
 import { Orders } from '@lifi/sdk';
+import RouteIcon from '@mui/icons-material/esm/Route';
+import { useTranslation } from 'react-i18next';
 import { Tab, Tabs } from '../../components/Tabs';
-import { useSettings, useSettingsStore } from '../../stores';
 import { useSettingMonitor } from '../../hooks';
-import { SettingCardExpandable, BadgedValue } from './SettingsCard';
+import { useSettings, useSettingsStore } from '../../stores';
+import { BadgedValue, SettingCardExpandable } from './SettingsCard';
 export const RoutePrioritySettings = () => {
     const { t } = useTranslation();
     const setValue = useSettingsStore((state) => state.setValue);

package/_esm/pages/SettingsPage/SendToWalletOptionSetting.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import WalletIcon from '@mui/icons-material/esm/Wallet';
 import { useTranslation } from 'react-i18next';
-import WalletIcon from '@mui/icons-material/Wallet';
 import { Switch } from '../../components/Switch';
 import { useWidgetConfig } from '../../providers';
 import { useSendToWalletStore, useSettings, useSettingsStore, } from '../../stores';

package/_esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PercentIcon from '@mui/icons-material/esm/Percent';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
+import { Box, Typography } from '@mui/material';
 import { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import PercentIcon from '@mui/icons-material/Percent';
-import { useSettings, useSettingsStore } from '../../../stores';
 import { useSettingMonitor } from '../../../hooks';
+import { useSettings, useSettingsStore } from '../../../stores';
 import { formatSlippage } from '../../../utils';
+import { BadgedValue, SettingCardExpandable } from '../SettingsCard';
 import { SettingsFieldSet, SlippageCustomInput, SlippageDefaultButton, SlippageLimitsWarningContainer, } from './SlippageSettings.style';
-import { Box, Typography } from '@mui/material';
-import { SettingCardExpandable, BadgedValue } from '../SettingsCard';
-import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
 const slippageDefault = '0.5';
 export const SlippageSettings = () => {
     const { t } = useTranslation();

package/_esm/pages/SettingsPage/ThemeSettings.js

@@ -1,18 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HiddenUI } from '../../types';
-import { useWidgetConfig } from '../../providers';
-import LightModeIcon from '@mui/icons-material/LightMode';
-import BrightnessAuto from '@mui/icons-material/BrightnessAuto';
-import Nightlight from '@mui/icons-material/Nightlight';
+import BrightnessAutoIcon from '@mui/icons-material/esm/BrightnessAuto';
+import LightModeIcon from '@mui/icons-material/esm/LightMode';
+import NightlightIcon from '@mui/icons-material/esm/Nightlight';
 import { Tooltip } from '@mui/material';
 import { useTranslation } from 'react-i18next';
+import { Tab, Tabs } from '../../components/Tabs';
+import { useWidgetConfig } from '../../providers';
 import { useAppearance } from '../../stores';
+import { HiddenUI } from '../../types';
 import { SettingCardExpandable, SummaryValue } from './SettingsCard';
-import { Tab, Tabs } from '../../components/Tabs';
 const themeIcons = {
     light: LightModeIcon,
-    dark: Nightlight,
-    auto: BrightnessAuto,
+    dark: NightlightIcon,
+    auto: BrightnessAutoIcon,
 };
 // If the Tab is not the direct child of the Tabs component you can loose the switching
 // The component passes the props to the Tab component so switching isn't lost

package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ContentCopyIcon from '@mui/icons-material/ContentCopyRounded';
+import ContentCopyIcon from '@mui/icons-material/esm/ContentCopyRounded';
 import { Box, IconButton, Typography } from '@mui/material';
 import { useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/pages/TransactionHistoryPage/TransactionHistoryEmpty.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ReceiptLongRoundedIcon from '@mui/icons-material/ReceiptLongRounded';
+import ReceiptLongRoundedIcon from '@mui/icons-material/esm/ReceiptLongRounded';
 import { Container, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 export const TransactionHistoryEmpty = () => {

package/_esm/pages/TransactionPage/ExchangeRateBottomSheet.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
 import { Box, Button, Typography } from '@mui/material';
 import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/pages/TransactionPage/StatusBottomSheet.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DoneIcon from '@mui/icons-material/Done';
-import ErrorRoundedIcon from '@mui/icons-material/ErrorRounded';
-import InfoRoundedIcon from '@mui/icons-material/InfoRounded';
-import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
+import DoneIcon from '@mui/icons-material/esm/Done';
+import ErrorRoundedIcon from '@mui/icons-material/esm/ErrorRounded';
+import InfoRoundedIcon from '@mui/icons-material/esm/InfoRounded';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
 import { Box, Button, Typography } from '@mui/material';
 import { useEffect, useRef } from 'react';
 import { useFormContext } from 'react-hook-form';

package/_esm/pages/TransactionPage/TokenValueBottomSheet.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
 import { Box, Button, Typography } from '@mui/material';
 import { forwardRef, useRef } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/pages/TransactionPage/TransactionPage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import DeleteIcon from '@mui/icons-material/Delete';
+import DeleteIcon from '@mui/icons-material/esm/Delete';
 import { Box, Button, Tooltip } from '@mui/material';
 import { useEffect, useRef, useState } from 'react';
 import { useFormContext } from 'react-hook-form';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.0.0-alpha.5",
+  "version": "3.0.0-alpha.7",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./_cjs/index.js",