@lifi/widget 3.0.0-alpha.9 → 3.0.0-beta.1

package/_esm/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../components/Avatar/Avatar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,cAAc,GACf,MAAM,mBAAmB,CAAC;AAE3B,MAAM,CAAC,MAAM,mBAAmB,GAE3B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACd,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EAAE,KAAC,kBAAkB,KAAG,EACpC,EAAE,EAAE,EAAE,YAEN,KAAC,aAAa,KAAG,GACX,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAE5B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACd,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EAAE,KAAC,mBAAmB,KAAG,EACrC,EAAE,EAAE,EAAE,YAEN,KAAC,cAAc,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,UAAU,GAAG,GACtD,CACT,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const AvatarMasked: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent.js").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" | "sizes" | "alt" | "src" | "srcSet" | "classes" | "variant" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const AvatarSkeleton: import("@emotion/styled").StyledComponent<import("@mui/material").SkeletonOwnProps & 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;
+}, "width" | "height" | "animation" | "children" | "sx" | "style" | "className" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const TokenAvatarGroup: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarGroupProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const AvatarDefault: 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 AvatarDefaultBadge: 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/components/Avatar/Avatar.style.js

@@ -0,0 +1,44 @@
+import { AvatarGroup, Box, Avatar as MuiAvatar, Skeleton, avatarClasses, badgeClasses, styled, } from '@mui/material';
+import { avatarMask16 } from './utils.js';
+export const AvatarMasked = styled(MuiAvatar)(({ theme }) => ({
+    mask: avatarMask16,
+}));
+export const AvatarSkeleton = styled(Skeleton)(({ theme }) => ({
+    mask: avatarMask16,
+}));
+export const TokenAvatarGroup = styled(AvatarGroup)(({ theme }) => ({
+    [`& .${badgeClasses.badge}:last-child .${avatarClasses.root}`]: {
+        marginLeft: theme.spacing(-1),
+        boxSizing: 'border-box',
+    },
+    [`& .${badgeClasses.root}:last-child`]: {
+        marginLeft: theme.spacing(1),
+    },
+}));
+export const AvatarDefault = styled(Box)(({ theme }) => {
+    const root = theme.components?.MuiAvatar?.styleOverrides?.root;
+    return {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        background: theme.palette.mode === 'light'
+            ? theme.palette.grey[300]
+            : theme.palette.grey[800],
+        borderRadius: '50%',
+        height: root?.height,
+        width: root?.width,
+        color: theme.palette.text.secondary,
+        mask: avatarMask16,
+    };
+});
+export const AvatarDefaultBadge = styled(Box)(({ theme }) => {
+    return {
+        background: theme.palette.mode === 'light'
+            ? theme.palette.grey[300]
+            : theme.palette.grey[800],
+        borderRadius: '50%',
+        height: 16,
+        width: 16,
+    };
+});
+//# sourceMappingURL=Avatar.style.js.map

package/_esm/components/Avatar/Avatar.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.style.js","sourceRoot":"","sources":["../../../components/Avatar/Avatar.style.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,GAAG,EACH,MAAM,IAAI,SAAS,EACnB,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,IAAI,EAAE,YAAY;CACnB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,IAAI,EAAE,YAAY;CACnB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,CAAC,MAAM,YAAY,CAAC,KAAK,gBAAgB,aAAa,CAAC,IAAI,EAAE,CAAC,EAAE;QAC9D,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD,CAAC,MAAM,YAAY,CAAC,IAAI,aAAa,CAAC,EAAE;QACtC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC7B;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,IAAI,EAAE,MAAM;QACpB,KAAK,EAAE,IAAI,EAAE,KAAK;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,IAAI,EAAE,YAAY;KACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,OAAO;QACL,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/_esm/components/Avatar/TokenAvatar.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { Chain, StaticToken } from '@lifi/sdk';
+import type { SxProps, Theme } from '@mui/material';
+export declare const TokenAvatar: React.FC<{
+    token?: StaticToken;
+    chain?: Chain;
+    isLoading?: boolean;
+    sx?: SxProps<Theme>;
+}>;
+export declare const TokenAvatarFallback: React.FC<{
+    token?: StaticToken;
+    isLoading?: boolean;
+    sx?: SxProps<Theme>;
+}>;
+export declare const TokenAvatarBase: React.FC<{
+    token?: StaticToken;
+    chain?: Chain;
+    isLoading?: boolean;
+    sx?: SxProps<Theme>;
+}>;

package/_esm/components/Avatar/TokenAvatar.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from '@mui/material';
+import { useChain } from '../../hooks/useChain.js';
+import { useToken } from '../../hooks/useToken.js';
+import { SmallAvatar } from '../SmallAvatar.js';
+import { AvatarBadgedSkeleton } from './Avatar.js';
+import { AvatarDefaultBadge, AvatarMasked } from './Avatar.style.js';
+export const TokenAvatar = ({ token, chain, isLoading, sx }) => {
+    if (!chain || !token?.logoURI) {
+        return _jsx(TokenAvatarFallback, { token: token, isLoading: isLoading, sx: sx });
+    }
+    return (_jsx(TokenAvatarBase, { token: token, chain: chain, isLoading: isLoading, sx: sx }));
+};
+export const TokenAvatarFallback = ({ token, isLoading, sx }) => {
+    const { chain } = useChain(token?.chainId);
+    const { token: chainToken, isLoading: isLoadingToken } = useToken(token?.chainId, token?.address);
+    return (_jsx(TokenAvatarBase, { token: chainToken ?? token, isLoading: isLoading || isLoadingToken, chain: chain, sx: sx }));
+};
+export const TokenAvatarBase = ({ token, chain, isLoading, sx }) => {
+    return isLoading ? (_jsx(AvatarBadgedSkeleton, {})) : (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: chain ? (_jsx(SmallAvatar, { src: chain.logoURI, alt: chain.name, children: chain.name[0] })) : (_jsx(AvatarDefaultBadge, {})), sx: sx, children: _jsx(AvatarMasked, { src: token?.logoURI, alt: token?.symbol, children: token?.symbol?.[0] }) }));
+};
+//# sourceMappingURL=TokenAvatar.js.map

package/_esm/components/Avatar/TokenAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenAvatar.js","sourceRoot":"","sources":["../../../components/Avatar/TokenAvatar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAErE,MAAM,CAAC,MAAM,WAAW,GAKnB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE;IACvC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;QAC9B,OAAO,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,GAAI,CAAC;IAC7E,CAAC;IACD,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,GACN,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAI3B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE;IAChC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC3C,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,QAAQ,CAC/D,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,OAAO,CACf,CAAC;IACF,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EAAE,UAAU,IAAI,KAAK,EAC1B,SAAS,EAAE,SAAS,IAAI,cAAc,EACtC,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,GACN,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAKvB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE;IACvC,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,oBAAoB,KAAG,CACzB,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EACV,KAAK,CAAC,CAAC,CAAC,CACN,KAAC,WAAW,IAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,YAC7C,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GACF,CACf,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,KAAG,CACvB,EAEH,EAAE,EAAE,EAAE,YAEN,KAAC,YAAY,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,YAClD,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,GACN,GACT,CACT,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Avatar/utils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Avatar mask for 16px badge
+ */
+export declare const avatarMask16 = "radial-gradient(circle 10.5px at calc(100% - 5.5px) calc(100% - 5.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat";
+/**
+ * Avatar mask for 12px badge
+ */
+export declare const avatarMask12 = "radial-gradient(circle 8.5px at calc(100% - 3.5px) calc(100% - 3.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat";

package/_esm/components/Avatar/utils.js

@@ -0,0 +1,9 @@
+/**
+ * Avatar mask for 16px badge
+ */
+export const avatarMask16 = 'radial-gradient(circle 10.5px at calc(100% - 5.5px) calc(100% - 5.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat';
+/**
+ * Avatar mask for 12px badge
+ */
+export const avatarMask12 = 'radial-gradient(circle 8.5px at calc(100% - 3.5px) calc(100% - 3.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat';
+//# sourceMappingURL=utils.js.map

package/_esm/components/Avatar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../components/Avatar/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GACvB,0HAA0H,CAAC;AAE7H;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GACvB,yHAAyH,CAAC"}

package/_esm/components/BaseTransactionButton/BaseTransactionButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import type { BaseTransactionButtonProps } from './types';
+/// <reference types="react" resolution-mode="require"/>
+import type { BaseTransactionButtonProps } from './types.js';
 export declare const BaseTransactionButton: React.FC<BaseTransactionButtonProps>;

package/_esm/components/BaseTransactionButton/BaseTransactionButton.js

@@ -1,21 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import LoadingButton from '@mui/lab/LoadingButton';
+import { LoadingButton } from '@mui/lab';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { useAccount } from '../../hooks';
-import { useWidgetConfig } from '../../providers';
-import { navigationRoutes } from '../../utils';
+import { useAccount } from '../../hooks/useAccount.js';
+import { useChain } from '../../hooks/useChain.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
 export const BaseTransactionButton = ({ onClick, text, disabled, loading, }) => {
     const { t } = useTranslation();
     const navigate = useNavigate();
-    const { walletManagement } = useWidgetConfig();
-    const { account } = useAccount();
+    const { walletConfig } = useWidgetConfig();
+    const [fromChainId] = useFieldValues('fromChain');
+    const { chain } = useChain(fromChainId);
+    const { account } = useAccount({ chainType: chain?.chainType });
     const handleClick = async () => {
         if (account.isConnected) {
             onClick?.();
         }
-        else if (walletManagement) {
-            await walletManagement.connect();
+        else if (walletConfig?.onConnect) {
+            walletConfig.onConnect();
         }
         else {
             navigate(navigationRoutes.selectWallet);
@@ -29,6 +33,6 @@ export const BaseTransactionButton = ({ onClick, text, disabled, loading, }) =>
         }
         return t(`button.connectWallet`);
     };
-    return (_jsx(LoadingButton, { variant: "contained", color: "primary", onClick: handleClick, disabled: disabled, loading: loading, loadingPosition: "center", fullWidth: true, children: getButtonText() }));
+    return (_jsx(LoadingButton, { variant: "contained", color: "primary", onClick: handleClick, disabled: account.isConnected && disabled, loading: loading, loadingPosition: "center", fullWidth: true, children: getButtonText() }));
 };
 //# sourceMappingURL=BaseTransactionButton.js.map

package/_esm/components/BaseTransactionButton/BaseTransactionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTransactionButton.js","sourceRoot":"","sources":["../../../components/BaseTransactionButton/BaseTransactionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,gBAAgB,EAAE,GAAG,eAAe,EAAE,CAAC;IAC/C,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,IAAI,gBAAgB,EAAE,CAAC;YAC5B,MAAM,gBAAgB,CAAC,OAAO,EAAE,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,QAAQ,EACxB,SAAS,kBAER,aAAa,EAAE,GACF,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BaseTransactionButton.js","sourceRoot":"","sources":["../../../components/BaseTransactionButton/BaseTransactionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,IAAI,YAAY,EAAE,SAAS,EAAE,CAAC;YACnC,YAAY,CAAC,SAAS,EAAE,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,OAAO,CAAC,WAAW,IAAI,QAAQ,EACzC,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,QAAQ,EACxB,SAAS,kBAER,aAAa,EAAE,GACF,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/BottomSheet/BottomSheet.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import type { BottomSheetBase, BottomSheetProps } from './types';
+/// <reference types="react" resolution-mode="require"/>
+import type { BottomSheetBase, BottomSheetProps } from './types.js';
 export declare const BottomSheet: import("react").ForwardRefExoticComponent<Omit<BottomSheetProps, "ref"> & import("react").RefAttributes<BottomSheetBase>>;

package/_esm/components/BottomSheet/BottomSheet.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Drawer } from '@mui/material';
 import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
-import { useGetScrollableContainer } from '../../hooks';
-import { modalProps, paperProps, slotProps } from '../Dialog';
+import { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js';
+import { modalProps, paperProps, slotProps } from '../Dialog.js';
 export const BottomSheet = forwardRef(({ elementRef, children, open, onClose }, ref) => {
     const getContainer = useGetScrollableContainer();
     const openRef = useRef(open);

package/_esm/components/BottomSheet/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EACL,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAG9D,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QACxB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO;QAC7B,IAAI,EAAE,GAAG,EAAE;YACT,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC;QACD,KAAK;KACN,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,UAAU,EACf,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,gBAAgB,kBAEf,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EACL,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGjE,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QACxB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO;QAC7B,IAAI,EAAE,GAAG,EAAE;YACT,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC;QACD,KAAK;KACN,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,UAAU,EACf,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,gBAAgB,kBAEf,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/_esm/components/ButtonTertiary.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const ButtonTertiary: import("@emotion/styled").StyledComponent<import("@mui/lab").LoadingButtonOwnProps & Omit<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes">, "classes"> & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "loading" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon" | "loadingIndicator" | "loadingPosition"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/ButtonTertiary.js

@@ -0,0 +1,19 @@
+import { LoadingButton, loadingButtonClasses } from '@mui/lab';
+import { styled } from '@mui/material';
+import { getContrastAlphaColor } from '../utils/colors.js';
+export const ButtonTertiary = styled(LoadingButton)(({ theme }) => ({
+    color: theme.palette.text.primary,
+    height: 40,
+    fontSize: 14,
+    backgroundColor: getContrastAlphaColor(theme, 0.04),
+    '&:hover, &:active': {
+        backgroundColor: getContrastAlphaColor(theme, 0.08),
+    },
+    [`&.${loadingButtonClasses.loading}:disabled`]: {
+        backgroundColor: getContrastAlphaColor(theme, 0.04),
+    },
+    [`.${loadingButtonClasses.loadingIndicator}`]: {
+        color: theme.palette.text.primary,
+    },
+}));
+//# sourceMappingURL=ButtonTertiary.js.map

package/_esm/components/ButtonTertiary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.js","sourceRoot":"","sources":["../../components/ButtonTertiary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,EAAE;IACZ,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;IACnD,mBAAmB,EAAE;QACnB,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;KACpD;IACD,CAAC,KAAK,oBAAoB,CAAC,OAAO,WAAW,CAAC,EAAE;QAC9C,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;KACpD;IACD,CAAC,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,CAAC,EAAE;QAC7C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/Card/Card.d.ts

@@ -1,22 +1,10 @@
-import type { BoxProps, Theme } from '@mui/material';
-import type { MouseEventHandler } from 'react';
-type CardVariant = 'default' | 'selected' | 'error';
-export type CardProps = {
-    variant?: CardVariant;
+/// <reference types="react" resolution-mode="require"/>
+import type { CardProps as MuiCardProps } from '@mui/material';
+export interface CardProps extends MuiCardProps {
+    type?: 'default' | 'selected' | 'error';
     selectionColor?: 'primary' | 'secondary';
     indented?: boolean;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    pointerEvents?: 'auto' | 'none';
-} & BoxProps;
-export declare const Card: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+}
+export declare const Card: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & 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<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
-    variant?: CardVariant | undefined;
-    selectionColor?: "primary" | "secondary" | undefined;
-    indented?: boolean | undefined;
-    onClick?: MouseEventHandler<HTMLDivElement> | undefined;
-    pointerEvents?: "auto" | "none" | undefined;
-} & 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;
-}, keyof import("@mui/system").BoxOwnProps<Theme> | keyof import("@mui/material/OverridableComponent").CommonProps>, {}, {}>;
-export {};
+}, "children" | "sx" | "style" | "className" | "elevation" | "classes" | "variant" | "square" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CardProps, {}, {}>;

package/_esm/components/Card/Card.js

@@ -1,51 +1,42 @@
-import { Box } from '@mui/material';
-import { badgeClasses } from '@mui/material/Badge';
-import { alpha, darken, lighten, styled } from '@mui/material/styles';
-const getBackgroundColor = (theme, variant, selectionColor) => variant === 'selected'
-    ? selectionColor === 'primary'
-        ? theme.palette.mode === 'light'
-            ? alpha(theme.palette.primary.main, 0.04)
-            : alpha(theme.palette.primary.main, 0.42)
-        : alpha(theme.palette.secondary.main, theme.palette.mode === 'light' ? 0.08 : 0.12)
-    : theme.palette.background.paper;
-export const Card = styled(Box, {
-    shouldForwardProp: (prop) => !['variant', 'indented', 'selectionColor', 'pointerEvents'].includes(prop),
-})(({ theme, variant, selectionColor = 'primary', indented, pointerEvents, onClick, }) => {
-    const backgroundColor = getBackgroundColor(theme, variant, selectionColor);
-    const backgroundHoverColor = onClick
-        ? theme.palette.mode === 'light'
-            ? darken(backgroundColor, 0.02)
-            : lighten(backgroundColor, 0.02)
-        : backgroundColor;
+import { Card as MuiCard, alpha, darken, lighten, styled } from '@mui/material';
+export const Card = styled(MuiCard, {
+    shouldForwardProp: (prop) => !['type', 'indented', 'selectionColor'].includes(prop),
+})(({ theme, indented, selectionColor, type }) => {
     return {
-        backgroundColor,
-        border: `1px solid`,
-        borderColor: variant === 'error'
-            ? theme.palette.error.main
-            : variant === 'selected'
-                ? selectionColor === 'primary'
-                    ? theme.palette.primary.main
-                    : alpha(theme.palette.secondary.main, 0.48)
-                : theme.palette.mode === 'light'
-                    ? theme.palette.grey[300]
-                    : theme.palette.grey[800],
-        borderRadius: theme.shape.borderRadius,
-        overflow: 'hidden',
-        position: 'relative',
         padding: indented ? theme.spacing(2) : 0,
-        boxSizing: 'border-box',
-        '&:hover': {
-            cursor: onClick ? 'pointer' : 'default',
-            backgroundColor: backgroundHoverColor,
-        },
-        [`&:hover .${badgeClasses.badge} > div`]: {
-            borderColor: backgroundHoverColor,
-        },
-        transition: theme.transitions.create(['background-color'], {
-            duration: theme.transitions.duration.enteringScreen,
-            easing: theme.transitions.easing.easeOut,
+        ...(type === 'selected' &&
+            selectionColor === 'primary' && {
+            backgroundColor: theme.palette.mode === 'light'
+                ? lighten(theme.palette.primary.main, 0.95)
+                : darken(theme.palette.primary.main, 0.65),
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor: theme.palette.primary.main,
+            '&:hover': {
+                backgroundColor: theme.palette.mode === 'light'
+                    ? lighten(theme.palette.primary.main, 0.9)
+                    : darken(theme.palette.primary.main, 0.6),
+            },
+        }),
+        ...(type === 'selected' &&
+            selectionColor === 'secondary' && {
+            backgroundColor: theme.palette.mode === 'light'
+                ? lighten(theme.palette.secondary.main, 0.85)
+                : darken(theme.palette.secondary.main, 0.76),
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor: alpha(theme.palette.secondary.main, 0.2),
+            '&:hover': {
+                backgroundColor: theme.palette.mode === 'light'
+                    ? lighten(theme.palette.secondary.main, 0.8)
+                    : darken(theme.palette.secondary.main, 0.72),
+            },
+        }),
+        ...(type === 'error' && {
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor: theme.palette.error.main,
         }),
-        pointerEvents,
     };
 });
 //# sourceMappingURL=Card.js.map

package/_esm/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../components/Card/Card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAQhF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,EAAE;IAClC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACnE,CAAC,CAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1D,OAAO;QACL,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,GAAG,CAAC,IAAI,KAAK,UAAU;YACrB,cAAc,KAAK,SAAS,IAAI;YAC9B,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;gBAC5B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;gBAC3C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;YAC9C,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;YACvC,SAAS,EAAE;gBACT,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;oBAC5B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;oBAC1C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;aAC9C;SACF,CAAC;QACJ,GAAG,CAAC,IAAI,KAAK,UAAU;YACrB,cAAc,KAAK,WAAW,IAAI;YAChC,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;gBAC5B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC;gBAC7C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC;YAChD,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC;YACrD,SAAS,EAAE;gBACT,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;oBAC5B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC;oBAC5C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC;aACjD;SACF,CAAC;QACJ,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI;YACtB,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;SACtC,CAAC;KACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/_esm/components/Card/CardButton.d.ts

@@ -0,0 +1,7 @@
+import type { MouseEventHandler, PropsWithChildren } from 'react';
+import type { SettingCardTitle } from '../../pages/SettingsPage/SettingsCard/types.js';
+interface SettingCardButtonProps extends SettingCardTitle {
+    onClick: MouseEventHandler;
+}
+export declare const CardButton: React.FC<PropsWithChildren<SettingCardButtonProps>>;
+export {};

package/_esm/components/Card/CardButton.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from './Card.js';
+import { CardRowButton, CardTitleContainer, CardValue, } from './CardButton.style.js';
+export const CardButton = ({ onClick, icon, title, children }) => (_jsx(Card, { children: _jsxs(CardRowButton, { onClick: onClick, disableRipple: true, children: [_jsxs(CardTitleContainer, { children: [icon, _jsx(CardValue, { children: title })] }), children] }) }));
+//# sourceMappingURL=CardButton.js.map

package/_esm/components/Card/CardButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../components/Card/CardButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,SAAS,GACV,MAAM,uBAAuB,CAAC;AAM/B,MAAM,CAAC,MAAM,UAAU,GAEnB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC1C,KAAC,IAAI,cACH,MAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,mBAC5C,MAAC,kBAAkB,eAChB,IAAI,EACL,KAAC,SAAS,cAAE,KAAK,GAAa,IACX,EACpB,QAAQ,IACK,GACX,CACR,CAAC"}

package/_esm/components/Card/CardButton.style.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const CardRowButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").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 CardRowContainer: 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 CardValue: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & 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;
+}, "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 CardTitleContainer: 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/components/Card/CardButton.style.js

@@ -0,0 +1,32 @@
+import { Box, ButtonBase, Typography, styled } from '@mui/material';
+export const CardRowButton = styled(ButtonBase)(({ theme }) => ({
+    background: 'none',
+    color: 'inherit',
+    border: 'none',
+    font: 'inherit',
+    cursor: 'pointer',
+    outline: 'inherit',
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: theme.spacing(2),
+    borderRadius: theme.shape.borderRadius,
+}));
+export const CardRowContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: theme.spacing(2),
+}));
+export const CardValue = styled(Typography)({
+    lineHeight: '1.25',
+    fontWeight: 500,
+});
+export const CardTitleContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1.5),
+}));
+//# sourceMappingURL=CardButton.style.js.map

package/_esm/components/Card/CardButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.style.js","sourceRoot":"","sources":["../../../components/Card/CardButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,MAAM;IACd,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;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;CACvC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC1C,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAC"}

package/_esm/components/Card/CardHeader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const CardHeader: import("@emotion/styled").StyledComponent<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+/// <reference types="react" resolution-mode="require"/>
+export declare const CardHeader: import("@emotion/styled").StyledComponent<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "title" | "sx" | "style" | "className" | "action" | "classes" | "disableTypography" | "avatar" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "title" | "sx" | "style" | "className" | "action" | "classes" | "disableTypography" | "subheader" | "avatar" | "subheaderTypographyProps" | "titleTypographyProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/Card/CardHeader.js

@@ -1,21 +1,22 @@
-import { CardHeader as MuiCardHeader } from '@mui/material';
-import { cardHeaderClasses } from '@mui/material/CardHeader';
-import { styled } from '@mui/material/styles';
+import { CardHeader as MuiCardHeader, cardHeaderClasses, styled, } from '@mui/material';
 export const CardHeader = styled(MuiCardHeader)(({ theme }) => ({
     [`.${cardHeaderClasses.action}`]: {
         marginTop: -2,
         alignSelf: 'center',
     },
     [`.${cardHeaderClasses.title}`]: {
-        fontWeight: '500',
-        fontSize: '1.125rem',
-        lineHeight: '1.2778',
+        fontWeight: 600,
+        fontSize: 18,
+        lineHeight: 1.3334,
         color: theme.palette.text.primary,
+        textAlign: 'left',
     },
     [`.${cardHeaderClasses.subheader}`]: {
-        fontWeight: '400',
-        fontSize: '0.75rem',
+        fontWeight: 500,
+        fontSize: 12,
+        lineHeight: 1.3334,
         color: theme.palette.text.secondary,
+        textAlign: 'left',
     },
 }));
 //# sourceMappingURL=CardHeader.js.map

package/_esm/components/Card/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE;QAChC,SAAS,EAAE,CAAC,CAAC;QACb,SAAS,EAAE,QAAQ;KACpB;IACD,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC;CACF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,aAAa,EAC3B,iBAAiB,EACjB,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE;QAChC,SAAS,EAAE,CAAC,CAAC;QACb,SAAS,EAAE,QAAQ;KACpB;IACD,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACjC,SAAS,EAAE,MAAM;KAClB;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/Card/CardIconButton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const CardIconButton: 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"> & {
+/// <reference types="react" resolution-mode="require"/>
+export declare const CardIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").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>, {}, {}>;

package/_esm/components/Card/CardIconButton.js

@@ -1,14 +1,11 @@
-import { IconButton as MuiIconButton } from '@mui/material';
-import { alpha, styled } from '@mui/material/styles';
+import { IconButton as MuiIconButton, styled } from '@mui/material';
+import { getContrastAlphaColor } from '../../utils/colors.js';
 export const CardIconButton = styled(MuiIconButton)(({ theme }) => {
-    const backgroundColor = theme.palette.mode === 'light'
-        ? theme.palette.common.black
-        : theme.palette.common.white;
     return {
         padding: theme.spacing(0.5),
-        backgroundColor: alpha(backgroundColor, 0.04),
+        backgroundColor: getContrastAlphaColor(theme, 0.04),
         '&:hover': {
-            backgroundColor: alpha(backgroundColor, 0.08),
+            backgroundColor: getContrastAlphaColor(theme, 0.08),
         },
     };
 });

package/_esm/components/Card/CardIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardIconButton.js","sourceRoot":"","sources":["../../../components/Card/CardIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,MAAM,eAAe,GACnB,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;IACjC,OAAO;QACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,eAAe,EAAE,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;QAC7C,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;SAC9C;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"CardIconButton.js","sourceRoot":"","sources":["../../../components/Card/CardIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,OAAO;QACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;QACnD,SAAS,EAAE;YACT,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;SACpD;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}