@lifi/widget 3.0.0-alpha.8 → 3.0.0-beta.0

package/_esm/pages/SendToWallet/SendToWalletPage.style.js

@@ -0,0 +1,111 @@
+import { Alert, Box, IconButton, List, Typography, alertClasses, inputBaseClasses, styled, } from '@mui/material';
+import { ButtonTertiary } from '../../components/ButtonTertiary.js';
+import { InputCard } from '../../components/Card/InputCard.js';
+import { Input } from '../../components/Input.js';
+import { PageContainer } from '../../components/PageContainer.js';
+import { getContrastAlphaColor } from '../../utils/colors.js';
+export const AddressInput = styled(Input)(({ theme }) => ({
+    padding: 0,
+    [`.${inputBaseClasses.input}`]: {
+        padding: theme.spacing(2),
+        minHeight: 48,
+    },
+}));
+export const BookmarkInputFields = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing(2),
+    width: '100%',
+}));
+export const SendToWalletPageContainer = styled(PageContainer)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing(1),
+}));
+export const SendToWalletCard = styled(InputCard)({
+    display: 'flex',
+    flexDirection: 'column',
+});
+export const SendToWalletSheetContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    padding: theme.spacing(4, 3, 3),
+    gap: theme.spacing(2),
+}));
+export const SendToWalletButtonRow = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    width: '100%',
+    gap: theme.spacing(1),
+}));
+export const SendToWalletIconButton = styled(ButtonTertiary)(({ theme }) => ({
+    padding: theme.spacing(1.25),
+    minWidth: 40,
+}));
+export const IconContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: 80,
+    height: 80,
+    color: theme.palette.mode === 'light'
+        ? theme.palette.grey[700]
+        : theme.palette.grey[300],
+    background: theme.palette.mode === 'light'
+        ? theme.palette.grey[200]
+        : theme.palette.grey[800],
+    borderRadius: '50%',
+}));
+export const SheetTitle = styled(Typography)(() => ({
+    fontSize: 18,
+    fontWeight: 700,
+}));
+export const SheetAddressContainer = styled(Box)(() => ({
+    width: '100%',
+    wordWrap: 'break-word',
+}));
+export const ListContainer = styled(List)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    minHeight: 400,
+    paddingTop: 0,
+    paddingBottom: theme.spacing(1.5),
+}));
+export const BookmarkButtonContainer = styled(Box)(({ theme }) => ({
+    background: theme.palette.background.default,
+    display: 'flex',
+    flexDirection: 'column',
+    flexGrow: 1,
+    position: 'sticky',
+    bottom: 0,
+    padding: theme.spacing(0, 3, 3),
+    marginBottom: theme.spacing(-5.25),
+    zIndex: 2,
+}));
+export const EmptyContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexGrow: 1,
+    gap: theme.spacing(2),
+}));
+export const ValidationAlert = styled(Alert)(({ theme }) => ({
+    backgroundColor: 'transparent',
+    padding: 0,
+    color: theme.palette.text.primary,
+    [`.${alertClasses.icon}`]: {
+        padding: 0,
+        color: theme.palette.error.main,
+    },
+    [`.${alertClasses.message}`]: { padding: theme.spacing(0.25, 0, 0, 0) },
+}));
+export const OptionsMenuButton = styled(IconButton)(({ theme }) => ({
+    position: 'absolute',
+    top: theme.spacing(1.75),
+    right: theme.spacing(2),
+    '&:hover': {
+        backgroundColor: getContrastAlphaColor(theme, 0.04),
+    },
+}));
+//# sourceMappingURL=SendToWalletPage.style.js.map

package/_esm/pages/SendToWallet/SendToWalletPage.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWalletPage.style.js","sourceRoot":"","sources":["../../../pages/SendToWallet/SendToWalletPage.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,GAAG,EACH,UAAU,EACV,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,OAAO,EAAE,CAAC;IACV,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,SAAS,EAAE,EAAE;KACd;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAC7C,aAAa,CACd,CAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAChD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpE,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3E,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IAC5B,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;IAC7B,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;IAC7B,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAClD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACtD,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,YAAY;CACvB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,GAAG;IACd,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CAClC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IAC5C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;IAClC,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,CAAC;IACX,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,eAAe,EAAE,aAAa;IAC9B,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,CAAC,IAAI,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE;QACzB,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;KAChC;IACD,CAAC,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;CACxE,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACvB,SAAS,EAAE;QACT,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;KACpD;CACF,CAAC,CAAC,CAAC"}

package/_esm/pages/SendToWallet/types.d.ts

@@ -0,0 +1,4 @@
+export interface BookmarkError {
+    type: 'name' | 'address';
+    message: string;
+}

package/_esm/pages/SendToWallet/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/_esm/pages/SendToWallet/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../pages/SendToWallet/types.ts"],"names":[],"mappings":""}

package/_esm/pages/SettingsPage/BridgeAndExchangeSettings.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const BridgeAndExchangeSettings: React.FC<{
     type: 'Bridges' | 'Exchanges';
 }>;

package/_esm/pages/SettingsPage/BridgeAndExchangeSettings.js

@@ -1,23 +1,23 @@
 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 { AirlineStops, SwapHoriz } from '@mui/icons-material';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { shallow } from 'zustand/shallow';
-import { useSettingMonitor } from '../../hooks';
-import { useSettingsStore } from '../../stores';
-import { navigationRoutes } from '../../utils';
-import { BadgedValue, SettingCardButton } from './SettingsCard';
+import { CardButton } from '../../components/Card/CardButton.js';
+import { useSettingMonitor } from '../../hooks/useSettingMonitor.js';
+import { useSettingsStore } from '../../stores/settings/useSettingsStore.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { BadgedValue } from './SettingsCard/BadgedValue.js';
 const supportedIcons = {
-    Bridges: AirlineStopsIcon,
-    Exchanges: SwapHorizIcon,
+    Bridges: AirlineStops,
+    Exchanges: SwapHoriz,
 };
 export const BridgeAndExchangeSettings = ({ type }) => {
     const { isBridgesChanged, isExchangesChanged } = useSettingMonitor();
     const { t } = useTranslation();
     const navigate = useNavigate();
     const [enabledTools, tools] = useSettingsStore((state) => {
-        const enabledTools = Object.values(state[`_enabled${type}`] ?? {});
+        const enabledTools = Object.values(state[`enabled${type}`]);
         return [enabledTools.filter(Boolean).length, enabledTools.length];
     }, shallow);
     const customisationLookUp = {
@@ -28,6 +28,6 @@ export const BridgeAndExchangeSettings = ({ type }) => {
         navigate(navigationRoutes[type.toLowerCase()]);
     };
     const Icon = supportedIcons[type];
-    return (_jsx(SettingCardButton, { onClick: handleClick, icon: _jsx(Icon, {}), title: t(`settings.enabled${type}`), children: _jsx(BadgedValue, { badgeColor: "info", showBadge: customisationLookUp[type], children: `${enabledTools}/${tools}` }) }));
+    return (_jsx(CardButton, { onClick: handleClick, icon: _jsx(Icon, {}), title: t(`settings.enabled${type}`), children: _jsx(BadgedValue, { badgeColor: "info", showBadge: customisationLookUp[type], children: `${enabledTools}/${tools}` }) }));
 };
 //# sourceMappingURL=BridgeAndExchangeSettings.js.map

package/_esm/pages/SettingsPage/BridgeAndExchangeSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"BridgeAndExchangeSettings.js","sourceRoot":"","sources":["../../../pages/SettingsPage/BridgeAndExchangeSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAChE,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE,gBAAgB;IACzB,SAAS,EAAE,aAAa;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAEjC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE;QACvD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QACnE,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACpE,CAAC,EAAE,OAAO,CAAC,CAAC;IAEZ,MAAM,mBAAmB,GAAG;QAC1B,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,kBAAkB;KAC9B,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,EAA6B,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAElC,OAAO,CACL,KAAC,iBAAiB,IAChB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,KAAC,IAAI,KAAG,EACd,KAAK,EAAE,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,YAEnC,KAAC,WAAW,IACV,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,YACpC,GAAG,YAAY,IAAI,KAAK,EAAE,GAAe,GACzB,CACrB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BridgeAndExchangeSettings.js","sourceRoot":"","sources":["../../../pages/SettingsPage/BridgeAndExchangeSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAEjC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE;QACvD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5D,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACpE,CAAC,EAAE,OAAO,CAAC,CAAC;IAEZ,MAAM,mBAAmB,GAAG;QAC1B,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,kBAAkB;KAC9B,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,EAA6B,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAElC,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,KAAC,IAAI,KAAG,EACd,KAAK,EAAE,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,YAEnC,KAAC,WAAW,IACV,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,YACpC,GAAG,YAAY,IAAI,KAAK,EAAE,GAAe,GAChC,CACd,CAAC;AACJ,CAAC,CAAC"}

package/_esm/pages/SettingsPage/GasPriceSettings.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const GasPriceSettings: React.FC;

package/_esm/pages/SettingsPage/GasPriceSettings.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import EvStationIcon from '@mui/icons-material/esm/EvStation';
+import { EvStation } from '@mui/icons-material';
 import { useTranslation } from 'react-i18next';
-import { Tab, Tabs } from '../../components/Tabs';
-import { useSettingMonitor } from '../../hooks';
-import { useSettings, useSettingsStore } from '../../stores';
-import { BadgedValue, SettingCardExpandable } from './SettingsCard';
+import { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js';
+import { useSettingMonitor } from '../../hooks/useSettingMonitor.js';
+import { useSettings } from '../../stores/settings/useSettings.js';
+import { useSettingsStore } from '../../stores/settings/useSettingsStore.js';
+import { BadgedValue } from './SettingsCard/BadgedValue.js';
+import { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js';
 export const GasPriceSettings = () => {
     const { t } = useTranslation();
     const setValue = useSettingsStore((state) => state.setValue);
@@ -13,6 +15,6 @@ export const GasPriceSettings = () => {
     const handleGasPriceChange = (_, gasPrice) => {
         setValue('gasPrice', gasPrice);
     };
-    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: "info", showBadge: isGasPriceChanged, children: t(`settings.gasPrice.${gasPrice}`) }), icon: _jsx(EvStationIcon, {}), title: t(`settings.gasPrice.title`), children: _jsxs(Tabs, { value: gasPrice, "aria-label": "tabs", indicatorColor: "primary", onChange: handleGasPriceChange, sx: { mt: 1.5 }, children: [_jsx(Tab, { label: t(`settings.gasPrice.slow`), value: "slow", disableRipple: true }), _jsx(Tab, { label: t(`settings.gasPrice.normal`), value: "normal", disableRipple: true }), _jsx(Tab, { label: t(`settings.gasPrice.fast`), value: "fast", disableRipple: true })] }) }));
+    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: "info", showBadge: isGasPriceChanged, children: t(`settings.gasPrice.${gasPrice}`) }), icon: _jsx(EvStation, {}), title: t(`settings.gasPrice.title`), children: _jsxs(CardTabs, { value: gasPrice, "aria-label": "tabs", indicatorColor: "primary", onChange: handleGasPriceChange, sx: { mt: 1.5 }, children: [_jsx(Tab, { label: t(`settings.gasPrice.slow`), value: "slow", disableRipple: true }), _jsx(Tab, { label: t(`settings.gasPrice.normal`), value: "normal", disableRipple: true }), _jsx(Tab, { label: t(`settings.gasPrice.fast`), value: "fast", disableRipple: true })] }) }));
 };
 //# sourceMappingURL=GasPriceSettings.js.map

package/_esm/pages/SettingsPage/GasPriceSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"GasPriceSettings.js","sourceRoot":"","sources":["../../../pages/SettingsPage/GasPriceSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAE/C,MAAM,oBAAoB,GAAG,CAAC,CAAuB,EAAE,QAAgB,EAAE,EAAE;QACzE,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,IACpB,KAAK,EACH,KAAC,WAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,iBAAiB,YACxD,CAAC,CAAC,qBAAqB,QAAQ,EAAS,CAAC,GAC9B,EAEhB,IAAI,EAAE,KAAC,aAAa,KAAG,EACvB,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,YAEnC,MAAC,IAAI,IACH,KAAK,EAAE,QAAQ,gBACJ,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,oBAAoB,EAC9B,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,aAEf,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,EACtE,KAAC,GAAG,IACF,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,KAAK,EAAC,QAAQ,EACd,aAAa,SACb,EACF,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,IACjE,GACe,CACzB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"GasPriceSettings.js","sourceRoot":"","sources":["../../../pages/SettingsPage/GasPriceSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAE/C,MAAM,oBAAoB,GAAG,CAAC,CAAuB,EAAE,QAAgB,EAAE,EAAE;QACzE,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,IACpB,KAAK,EACH,KAAC,WAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,iBAAiB,YACxD,CAAC,CAAC,qBAAqB,QAAQ,EAAS,CAAC,GAC9B,EAEhB,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,YAEnC,MAAC,QAAQ,IACP,KAAK,EAAE,QAAQ,gBACJ,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,oBAAoB,EAC9B,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,aAEf,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,EACtE,KAAC,GAAG,IACF,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,KAAK,EAAC,QAAQ,EACd,aAAa,SACb,EACF,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,IAC7D,GACW,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/pages/SettingsPage/LanguageSetting.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const LanguageSetting: React.FC;

package/_esm/pages/SettingsPage/LanguageSetting.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import LanguageIcon from '@mui/icons-material/esm/Language';
+import { Language } from '@mui/icons-material';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { useLanguages } from '../../hooks';
-import { useWidgetConfig } from '../../providers';
-import { HiddenUI } from '../../types';
-import { navigationRoutes } from '../../utils';
-import { SettingCardButton, SummaryValue } from './SettingsCard';
+import { CardButton } from '../../components/Card/CardButton.js';
+import { CardValue } from '../../components/Card/CardButton.style.js';
+import { useLanguages } from '../../hooks/useLanguages.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { HiddenUI } from '../../types/widget.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
 export const LanguageSetting = () => {
     const { t } = useTranslation();
     const navigate = useNavigate();
@@ -18,6 +19,6 @@ export const LanguageSetting = () => {
     const handleClick = () => {
         navigate(navigationRoutes.languages);
     };
-    return (_jsx(SettingCardButton, { onClick: handleClick, icon: _jsx(LanguageIcon, {}), title: t(`language.title`), children: _jsx(SummaryValue, { children: selectedLanguageDisplayName }) }));
+    return (_jsx(CardButton, { onClick: handleClick, icon: _jsx(Language, {}), title: t(`language.title`), children: _jsx(CardValue, { children: selectedLanguageDisplayName }) }));
 };
 //# sourceMappingURL=LanguageSetting.js.map

package/_esm/pages/SettingsPage/LanguageSetting.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSetting.js","sourceRoot":"","sources":["../../../pages/SettingsPage/LanguageSetting.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEjE,MAAM,CAAC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,EAAE,2BAA2B,EAAE,GAAG,YAAY,EAAE,CAAC;IAEvD,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAChB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,KAAC,YAAY,KAAG,EACtB,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAE1B,KAAC,YAAY,cAAE,2BAA2B,GAAgB,GACxC,CACrB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"LanguageSetting.js","sourceRoot":"","sources":["../../../pages/SettingsPage/LanguageSetting.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,CAAC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,EAAE,2BAA2B,EAAE,GAAG,YAAY,EAAE,CAAC;IAEvD,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,KAAC,QAAQ,KAAG,EAClB,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAE1B,KAAC,SAAS,cAAE,2BAA2B,GAAa,GACzC,CACd,CAAC;AACJ,CAAC,CAAC"}

package/_esm/pages/SettingsPage/ResetSettingsButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const ResetSettingsButton: React.FC;

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 { InfoRounded } from '@mui/icons-material';
 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 { Dialog } from '../../components/Dialog.js';
+import { useSettingMonitor } from '../../hooks/useSettingMonitor.js';
+import { ResetButtonContainer } from './ResetSettingsButton.style.js';
 export const ResetSettingsButton = () => {
     const { t } = useTranslation();
     const { isCustomRouteSettings, reset } = useSettingMonitor();
@@ -20,7 +20,7 @@ export const ResetSettingsButton = () => {
     if (!isCustomRouteSettings) {
         return null;
     }
-    return (_jsx(Box, { px: 3, mb: 1, children: _jsxs(ResetButtonContainer, { children: [_jsxs(Box, { display: "flex", marginBottom: "12px", children: [_jsx(InfoRounded, { sx: {
+    return (_jsx(Box, { mt: 2, children: _jsxs(ResetButtonContainer, { children: [_jsxs(Box, { display: "flex", marginBottom: "12px", children: [_jsx(InfoRounded, { sx: {
                                 marginRight: '8px',
                             } }), _jsx(Box, { fontSize: 14, children: t(`settings.resetSettings`) })] }), _jsx(Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.resetSettings') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.resetSettings') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
 };

package/_esm/pages/SettingsPage/ResetSettingsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResetSettingsButton.js","sourceRoot":"","sources":["../../../pages/SettingsPage/ResetSettingsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EACL,GAAG,EACH,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,CAAC,MAAM,mBAAmB,GAAa,GAAG,EAAE;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC7D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,MAAC,oBAAoB,eACnB,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,YAAY,EAAC,MAAM,aACrC,KAAC,WAAW,IACV,EAAE,EAAE;gCACF,WAAW,EAAE,KAAK;6BACnB,GACD,EACF,KAAC,GAAG,IAAC,QAAQ,EAAE,EAAE,YAAG,CAAC,CAAC,wBAAwB,CAAC,GAAO,IAClD,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,kBACrC,CAAC,CAAC,sBAAsB,CAAC,GACnB,EAET,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,aACvC,KAAC,WAAW,cAAE,CAAC,CAAC,6BAA6B,CAAC,GAAe,EAC7D,KAAC,aAAa,cACZ,KAAC,iBAAiB,cACf,CAAC,CAAC,+BAA+B,CAAC,GACjB,GACN,EAChB,MAAC,aAAa,eACZ,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,YAAG,CAAC,CAAC,eAAe,CAAC,GAAU,EAC5D,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,kBACxD,CAAC,CAAC,cAAc,CAAC,GACX,IACK,IACT,IACY,GACnB,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ResetSettingsButton.js","sourceRoot":"","sources":["../../../pages/SettingsPage/ResetSettingsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EACL,GAAG,EACH,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,CAAC,MAAM,mBAAmB,GAAa,GAAG,EAAE;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC7D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,MAAC,oBAAoB,eACnB,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,YAAY,EAAC,MAAM,aACrC,KAAC,WAAW,IACV,EAAE,EAAE;gCACF,WAAW,EAAE,KAAK;6BACnB,GACD,EACF,KAAC,GAAG,IAAC,QAAQ,EAAE,EAAE,YAAG,CAAC,CAAC,wBAAwB,CAAC,GAAO,IAClD,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,kBACrC,CAAC,CAAC,sBAAsB,CAAC,GACnB,EAET,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,aACvC,KAAC,WAAW,cAAE,CAAC,CAAC,6BAA6B,CAAC,GAAe,EAC7D,KAAC,aAAa,cACZ,KAAC,iBAAiB,cACf,CAAC,CAAC,+BAA+B,CAAC,GACjB,GACN,EAChB,MAAC,aAAa,eACZ,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,YAAG,CAAC,CAAC,eAAe,CAAC,GAAU,EAC5D,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,kBACxD,CAAC,CAAC,cAAc,CAAC,GACX,IACK,IACT,IACY,GACnB,CACP,CAAC;AACJ,CAAC,CAAC"}

package/_esm/pages/SettingsPage/ResetSettingsButton.style.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const ResetButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/pages/SettingsPage/ResetSettingsButton.style.js

@@ -1,12 +1,11 @@
-import { Box } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import { getContrastAlphaColor } from '../../utils';
+import { Box, styled } from '@mui/material';
+import { getContrastAlphaColor } from '../../utils/colors.js';
 export const ResetButtonContainer = styled(Box)(({ theme }) => ({
-    background: getContrastAlphaColor(theme.palette.mode, '4%'),
+    background: getContrastAlphaColor(theme, 0.04),
     borderRadius: '16px',
     padding: '16px',
     [`svg`]: {
-        fill: getContrastAlphaColor(theme.palette.mode, '40%'),
+        fill: getContrastAlphaColor(theme, 0.4),
     },
 }));
 //# sourceMappingURL=ResetSettingsButton.style.js.map

package/_esm/pages/SettingsPage/ResetSettingsButton.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResetSettingsButton.style.js","sourceRoot":"","sources":["../../../pages/SettingsPage/ResetSettingsButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,qBAAqB,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;IAC3D,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,MAAM;IAEf,CAAC,KAAK,CAAC,EAAE;QACP,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;KACvD;CACF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ResetSettingsButton.style.js","sourceRoot":"","sources":["../../../pages/SettingsPage/ResetSettingsButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,MAAM;IAEf,CAAC,KAAK,CAAC,EAAE;QACP,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC;KACxC;CACF,CAAC,CAAC,CAAC"}

package/_esm/pages/SettingsPage/RoutePrioritySettings.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const RoutePrioritySettings: React.FC;

package/_esm/pages/SettingsPage/RoutePrioritySettings.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Orders } from '@lifi/sdk';
-import RouteIcon from '@mui/icons-material/esm/Route';
+import { Route } from '@mui/icons-material';
 import { useTranslation } from 'react-i18next';
-import { Tab, Tabs } from '../../components/Tabs';
-import { useSettingMonitor } from '../../hooks';
-import { useSettings, useSettingsStore } from '../../stores';
-import { BadgedValue, SettingCardExpandable } from './SettingsCard';
+import { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js';
+import { useSettingMonitor } from '../../hooks/useSettingMonitor.js';
+import { useSettings } from '../../stores/settings/useSettings.js';
+import { useSettingsStore } from '../../stores/settings/useSettingsStore.js';
+import { BadgedValue } from './SettingsCard/BadgedValue.js';
+import { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js';
+const Priorities = ['CHEAPEST', 'FASTEST'];
 export const RoutePrioritySettings = () => {
     const { t } = useTranslation();
     const setValue = useSettingsStore((state) => state.setValue);
@@ -15,8 +17,8 @@ export const RoutePrioritySettings = () => {
     const handleRoutePriorityChange = (_, routePriority) => {
         setValue('routePriority', routePriority);
     };
-    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: "info", showBadge: isRoutePriorityChanged, children: t(`main.tags.${currentRoutePriority.toLowerCase()}`) }), icon: _jsx(RouteIcon, {}), title: t(`settings.routePriority`), children: _jsx(Tabs, { value: currentRoutePriority, "aria-label": "tabs", indicatorColor: "primary", onChange: handleRoutePriorityChange, orientation: "vertical", sx: { mt: 1.5 }, children: Orders.map((order) => {
-                return (_jsx(Tab, { label: t(`main.tags.${order.toLowerCase()}`), value: order, disableRipple: true }, order));
+    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: "info", showBadge: isRoutePriorityChanged, children: t(`main.tags.${currentRoutePriority.toLowerCase()}`) }), icon: _jsx(Route, {}), title: t(`settings.routePriority`), children: _jsx(CardTabs, { value: currentRoutePriority, "aria-label": "tabs", indicatorColor: "primary", onChange: handleRoutePriorityChange, orientation: "vertical", sx: { mt: 1.5 }, children: Priorities.map((priority) => {
+                return (_jsx(Tab, { label: t(`main.tags.${priority.toLowerCase()}`), value: priority, disableRipple: true }, priority));
             }) }) }));
 };
 //# sourceMappingURL=RoutePrioritySettings.js.map

package/_esm/pages/SettingsPage/RoutePrioritySettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoutePrioritySettings.js","sourceRoot":"","sources":["../../../pages/SettingsPage/RoutePrioritySettings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,CAAC,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,sBAAsB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACvD,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;IACzD,MAAM,oBAAoB,GAAG,aAAa,IAAI,EAAE,CAAC;IAEjD,MAAM,yBAAyB,GAAG,CAChC,CAAuB,EACvB,aAA6B,EAC7B,EAAE;QACF,QAAQ,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,IACpB,KAAK,EACH,KAAC,WAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,sBAAsB,YAC7D,CAAC,CAAC,aAAa,oBAAoB,CAAC,WAAW,EAAE,EAAS,CAAC,GAChD,EAEhB,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,YAElC,KAAC,IAAI,IACH,KAAK,EAAE,oBAAoB,gBAChB,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,yBAAyB,EACnC,WAAW,EAAC,UAAU,EACtB,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAEd,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACpB,OAAO,CACL,KAAC,GAAG,IAEF,KAAK,EAAE,CAAC,CAAC,aAAa,KAAK,CAAC,WAAW,EAAE,EAAS,CAAC,EACnD,KAAK,EAAE,KAAK,EACZ,aAAa,UAHR,KAAK,CAIV,CACH,CAAC;YACJ,CAAC,CAAC,GACG,GACe,CACzB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"RoutePrioritySettings.js","sourceRoot":"","sources":["../../../pages/SettingsPage/RoutePrioritySettings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,MAAM,UAAU,GAAY,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,sBAAsB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACvD,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;IACzD,MAAM,oBAAoB,GAAG,aAAa,IAAI,EAAE,CAAC;IAEjD,MAAM,yBAAyB,GAAG,CAChC,CAAuB,EACvB,aAAoB,EACpB,EAAE;QACF,QAAQ,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,IACpB,KAAK,EACH,KAAC,WAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,sBAAsB,YAC7D,CAAC,CAAC,aAAa,oBAAoB,CAAC,WAAW,EAAE,EAAS,CAAC,GAChD,EAEhB,IAAI,EAAE,KAAC,KAAK,KAAG,EACf,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,YAElC,KAAC,QAAQ,IACP,KAAK,EAAE,oBAAoB,gBAChB,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,yBAAyB,EACnC,WAAW,EAAC,UAAU,EACtB,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAEd,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC3B,OAAO,CACL,KAAC,GAAG,IAEF,KAAK,EAAE,CAAC,CAAC,aAAa,QAAQ,CAAC,WAAW,EAAE,EAAS,CAAC,EACtD,KAAK,EAAE,QAAQ,EACf,aAAa,UAHR,QAAQ,CAIb,CACH,CAAC;YACJ,CAAC,CAAC,GACO,GACW,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/pages/SettingsPage/SettingsCard/BadgedValue.d.ts

@@ -1,5 +1,5 @@
-import type { PropsWithChildren } from 'react';
 import type { BadgeProps } from '@mui/material';
+import type { PropsWithChildren } from 'react';
 interface BadgedValueProps {
     showBadge: boolean;
     badgeColor?: BadgeProps['color'];

package/_esm/pages/SettingsPage/SettingsCard/BadgedValue.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SummaryValue, Badge } from './SettingCard.style';
-export const BadgedValue = ({ showBadge, badgeColor, children, }) => showBadge && badgeColor ? (_jsx(Badge, { variant: "dot", color: badgeColor, children: _jsx(SummaryValue, { children: children }) })) : (_jsx(SummaryValue, { children: children }));
+import { CardValue } from '../../../components/Card/CardButton.style.js';
+import { Badge } from './SettingCard.style.js';
+export const BadgedValue = ({ showBadge, badgeColor, children, }) => showBadge && badgeColor ? (_jsx(Badge, { variant: "dot", color: badgeColor, children: _jsx(CardValue, { children: children }) })) : (_jsx(CardValue, { children: children }));
 //# sourceMappingURL=BadgedValue.js.map

package/_esm/pages/SettingsPage/SettingsCard/BadgedValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgedValue.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/BadgedValue.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAO1D,MAAM,CAAC,MAAM,WAAW,GAAkD,CAAC,EACzE,SAAS,EACT,UAAU,EACV,QAAQ,GACT,EAAE,EAAE,CACH,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACxB,KAAC,KAAK,IAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,UAAU,YACpC,KAAC,YAAY,cAAE,QAAQ,GAAgB,GACjC,CACT,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,cAAE,QAAQ,GAAgB,CACxC,CAAC"}
+{"version":3,"file":"BadgedValue.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/BadgedValue.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAO/C,MAAM,CAAC,MAAM,WAAW,GAAkD,CAAC,EACzE,SAAS,EACT,UAAU,EACV,QAAQ,GACT,EAAE,EAAE,CACH,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACxB,KAAC,KAAK,IAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,UAAU,YACpC,KAAC,SAAS,cAAE,QAAQ,GAAa,GAC3B,CACT,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,cAAE,QAAQ,GAAa,CAClC,CAAC"}

package/_esm/pages/SettingsPage/SettingsCard/SettingCard.style.d.ts

@@ -1,19 +1,7 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const SettingsList: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const SummaryTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const SummaryRowContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const SummaryRowButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & 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;
-}, "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const SummaryValue: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "border" | "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"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const Badge: import("@emotion/styled").StyledComponent<import("@mui/material").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+export declare const Badge: 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").RefObject<HTMLSpanElement> | null | undefined;
-}, "max" | "color" | "children" | "sx" | "style" | "className" | "classes" | "variant" | "components" | "componentsProps" | "slotProps" | "anchorOrigin" | "badgeContent" | "invisible" | "overlap" | "slots" | "showZero"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "max" | "color" | "children" | "sx" | "style" | "className" | "classes" | "variant" | "slots" | "slotProps" | "componentsProps" | "anchorOrigin" | "badgeContent" | "components" | "invisible" | "overlap" | "showZero"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/pages/SettingsPage/SettingsCard/SettingCard.style.js

@@ -1,40 +1,9 @@
-import { Box, ButtonBase, Badge as MuiBadge, Typography } from '@mui/material';
-import { badgeClasses } from '@mui/material/Badge';
-import { styled } from '@mui/material/styles';
+import { Box, Badge as MuiBadge, badgeClasses, styled } from '@mui/material';
 export const SettingsList = styled(Box)(({ theme }) => ({
     display: 'flex',
     flexDirection: 'column',
     gap: theme.spacing(1),
-    padding: theme.spacing(1, 3, 2),
 }));
-export const SummaryTitleContainer = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: theme.spacing(1.5),
-}));
-export const SummaryRowContainer = styled(Box)({
-    display: 'flex',
-    width: '100%',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-});
-export const SummaryRowButton = styled(ButtonBase)({
-    background: 'none',
-    color: 'inherit',
-    border: 'none',
-    padding: 0,
-    font: 'inherit',
-    cursor: 'pointer',
-    outline: 'inherit',
-    display: 'flex',
-    width: '100%',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-});
-export const SummaryValue = styled(Typography)({
-    lineHeight: '1.25',
-    fontWeight: 500,
-});
 export const Badge = styled(MuiBadge)(({ theme }) => ({
     display: 'flex',
     alignItems: 'center',

package/_esm/pages/SettingsPage/SettingsCard/SettingCard.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingCard.style.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/SettingCard.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,IAAI,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;CAChC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACjD,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,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,2EAA2E;QAC3E,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,eAAe;QAC1B,YAAY,EAAE,KAAK;KACpB;CACF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SettingCard.style.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/SettingCard.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,IAAI,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,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,2EAA2E;QAC3E,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,eAAe;QAC1B,YAAY,EAAE,KAAK;KACpB;CACF,CAAC,CAAC,CAAC"}

package/_esm/pages/SettingsPage/SettingsCard/SettingCardExpandable.d.ts

@@ -1,5 +1,5 @@
 import type { PropsWithChildren, ReactNode } from 'react';
-import type { SettingCardTitle } from './types';
+import type { SettingCardTitle } from './types.js';
 interface SettingCardExpandableProps extends SettingCardTitle {
     value: ReactNode;
 }

package/_esm/pages/SettingsPage/SettingsCard/SettingCardExpandable.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
 import { Collapse } from '@mui/material';
-import { SettingCard } from './SettingCard';
-import { SummaryRowButton, SummaryValue, SummaryTitleContainer, } from './SettingCard.style';
-import { useSettingsCardExpandable } from './SettingsAccordian';
+import { useId } from 'react';
+import { Card } from '../../../components/Card/Card.js';
+import { CardRowButton, CardTitleContainer, CardValue, } from '../../../components/Card/CardButton.style.js';
+import { useSettingsCardExpandable } from './SettingsAccordian.js';
 export const SettingCardExpandable = ({ icon, title, value, children }) => {
     const { expanded, toggleExpanded } = useSettingsCardExpandable();
     const buttonId = useId();
     const collapseId = useId();
-    return (_jsxs(SettingCard, { children: [_jsxs(SummaryRowButton, { id: buttonId, "aria-expanded": expanded, "aria-controls": collapseId, onClick: toggleExpanded, disableRipple: true, children: [_jsxs(SummaryTitleContainer, { children: [icon, _jsx(SummaryValue, { children: title })] }), !expanded && value] }), _jsx(Collapse, { id: collapseId, role: "region", "aria-labelledby": buttonId, in: expanded, children: children })] }));
+    return (_jsxs(Card, { sx: { p: 1 }, children: [_jsxs(CardRowButton, { id: buttonId, "aria-expanded": expanded, "aria-controls": collapseId, onClick: toggleExpanded, disableRipple: true, sx: { p: 1 }, children: [_jsxs(CardTitleContainer, { children: [icon, _jsx(CardValue, { children: title })] }), !expanded && value] }), _jsx(Collapse, { id: collapseId, role: "region", "aria-labelledby": buttonId, in: expanded, children: children })] }));
 };
 //# sourceMappingURL=SettingCardExpandable.js.map

package/_esm/pages/SettingsPage/SettingsCard/SettingCardExpandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingCardExpandable.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/SettingCardExpandable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAMhE,MAAM,CAAC,MAAM,qBAAqB,GAE9B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACjE,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAE3B,OAAO,CACL,MAAC,WAAW,eACV,MAAC,gBAAgB,IACf,EAAE,EAAE,QAAQ,mBACG,QAAQ,mBACR,UAAU,EACzB,OAAO,EAAE,cAAc,EACvB,aAAa,mBAEb,MAAC,qBAAqB,eACnB,IAAI,EACL,KAAC,YAAY,cAAE,KAAK,GAAgB,IACd,EACvB,CAAC,QAAQ,IAAI,KAAK,IACF,EACnB,KAAC,QAAQ,IACP,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,QAAQ,qBACI,QAAQ,EACzB,EAAE,EAAE,QAAQ,YAEX,QAAQ,GACA,IACC,CACf,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SettingCardExpandable.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/SettingCardExpandable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACxD,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,SAAS,GACV,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAOnE,MAAM,CAAC,MAAM,qBAAqB,GAE9B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACjE,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAE3B,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,aAChB,MAAC,aAAa,IACZ,EAAE,EAAE,QAAQ,mBACG,QAAQ,mBACR,UAAU,EACzB,OAAO,EAAE,cAAc,EACvB,aAAa,QACb,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,aAEZ,MAAC,kBAAkB,eAChB,IAAI,EACL,KAAC,SAAS,cAAE,KAAK,GAAa,IACX,EACpB,CAAC,QAAQ,IAAI,KAAK,IACL,EAChB,KAAC,QAAQ,IACP,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,QAAQ,qBACI,QAAQ,EACzB,EAAE,EAAE,QAAQ,YAEX,QAAQ,GACA,IACN,CACR,CAAC;AACJ,CAAC,CAAC"}