@lifi/widget 4.0.0-alpha.4 → 4.0.0-alpha.6

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

@@ -1,75 +1,119 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { getConnectorIcon, useAccount, useWalletMenu, } from '@lifi/wallet-management';
-import ExpandMore from '@mui/icons-material/ExpandMore';
-import Wallet from '@mui/icons-material/Wallet';
-import { Avatar, Badge } from '@mui/material';
-import { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useChain } from '../../hooks/useChain.js';
-import { useExternalWalletProvider } from '../../providers/WalletProvider/useExternalWalletProvider.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { useFieldValues } from '../../stores/form/useFieldValues.js';
-import { HiddenUI } from '../../types/widget.js';
-import { shortenAddress } from '../../utils/wallet.js';
-import { SmallAvatar } from '../Avatar/SmallAvatar.js';
-import { CloseDrawerButton } from './CloseDrawerButton.js';
-import { DrawerWalletContainer, HeaderAppBar, WalletAvatar, WalletButton, } from './Header.style.js';
-import { WalletMenu } from './WalletMenu.js';
-import { WalletMenuContainer } from './WalletMenu.style.js';
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { HiddenUI } from "../../types/widget.js";
+import { useFieldValues } from "../../stores/form/useFieldValues.js";
+import { useExternalWalletProvider } from "../../providers/WalletProvider/useExternalWalletProvider.js";
+import { useChain } from "../../hooks/useChain.js";
+import { SmallAvatar } from "../Avatar/SmallAvatar.js";
+import { DrawerWalletContainer, HeaderAppBar, WalletAvatar, WalletButton } from "./Header.style.js";
+import { CloseDrawerButton } from "./CloseDrawerButton.js";
+import { shortenAddress } from "../../utils/wallet.js";
+import { WalletMenu } from "./WalletMenu.js";
+import { WalletMenuContainer } from "./WalletMenu.style.js";
+import { useState } from "react";
+import { Avatar, Badge } from "@mui/material";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { getConnectorIcon, useAccount, useWalletMenu } from "@lifi/wallet-management";
+import ExpandMore from "@mui/icons-material/ExpandMore";
+import Wallet from "@mui/icons-material/Wallet";
+//#region src/components/Header/WalletHeader.tsx
 const useInternalWalletManagement = () => {
-    const { hiddenUI } = useWidgetConfig();
-    const { useExternalWalletProvidersOnly } = useExternalWalletProvider();
-    const isWalletMenuHidden = hiddenUI?.includes(HiddenUI.WalletMenu);
-    const shouldShowWalletMenu = !useExternalWalletProvidersOnly && !isWalletMenuHidden;
-    return {
-        shouldShowWalletMenu,
-    };
+	const { hiddenUI } = useWidgetConfig();
+	const { useExternalWalletProvidersOnly } = useExternalWalletProvider();
+	const isWalletMenuHidden = hiddenUI?.includes(HiddenUI.WalletMenu);
+	return { shouldShowWalletMenu: !useExternalWalletProvidersOnly && !isWalletMenuHidden };
 };
-export const WalletHeader = () => {
-    const { shouldShowWalletMenu } = useInternalWalletManagement();
-    return shouldShowWalletMenu ? (_jsx(HeaderAppBar, { elevation: 0, sx: { justifyContent: 'flex-end' }, children: _jsx(WalletMenuButton, {}) })) : null;
+const WalletHeader = () => {
+	const { shouldShowWalletMenu } = useInternalWalletManagement();
+	return shouldShowWalletMenu ? /* @__PURE__ */ jsx(HeaderAppBar, {
+		elevation: 0,
+		sx: { justifyContent: "flex-end" },
+		children: /* @__PURE__ */ jsx(WalletMenuButton, {})
+	}) : null;
 };
 const WalletMenuButton = () => {
-    const { variant, hiddenUI } = useWidgetConfig();
-    const { account, accounts } = useAccount();
-    const [fromChainId] = useFieldValues('fromChain');
-    const { chain: fromChain } = useChain(fromChainId);
-    const activeAccount = (fromChain
-        ? accounts.find((account) => account.chainType === fromChain.chainType)
-        : undefined) || account;
-    if (variant === 'drawer') {
-        return (_jsxs(DrawerWalletContainer, { children: [activeAccount.isConnected ? (_jsx(ConnectedButton, { account: activeAccount })) : (_jsx(ConnectButton, {})), !hiddenUI?.includes(HiddenUI.DrawerCloseButton) ? (_jsx(CloseDrawerButton, { header: "wallet" })) : null] }));
-    }
-    return activeAccount.isConnected ? (_jsx(ConnectedButton, { account: activeAccount })) : (_jsx(ConnectButton, {}));
+	const { variant, hiddenUI } = useWidgetConfig();
+	const { account, accounts } = useAccount();
+	const [fromChainId] = useFieldValues("fromChain");
+	const { chain: fromChain } = useChain(fromChainId);
+	const activeAccount = (fromChain ? accounts.find((account) => account.chainType === fromChain.chainType) : void 0) || account;
+	if (variant === "drawer") return /* @__PURE__ */ jsxs(DrawerWalletContainer, { children: [activeAccount.isConnected ? /* @__PURE__ */ jsx(ConnectedButton, { account: activeAccount }) : /* @__PURE__ */ jsx(ConnectButton, {}), !hiddenUI?.includes(HiddenUI.DrawerCloseButton) ? /* @__PURE__ */ jsx(CloseDrawerButton, { header: "wallet" }) : null] });
+	return activeAccount.isConnected ? /* @__PURE__ */ jsx(ConnectedButton, { account: activeAccount }) : /* @__PURE__ */ jsx(ConnectButton, {});
 };
 const ConnectButton = () => {
-    const { t } = useTranslation();
-    const { walletConfig, variant } = useWidgetConfig();
-    const { openWalletMenu } = useWalletMenu();
-    const connect = async (event) => {
-        if (!walletConfig?.usePartialWalletManagement &&
-            !walletConfig?.forceInternalWalletManagement &&
-            walletConfig?.onConnect) {
-            walletConfig.onConnect();
-            return;
-        }
-        openWalletMenu();
-        event.currentTarget.blur(); // Remove focus to prevent accessibility issues when opening drawer
-    };
-    const walletPosition = variant === 'drawer' ? 'start' : 'end';
-    return (_jsx(WalletButton, { withOffset: walletPosition === 'end', endIcon: walletPosition === 'end' ? _jsx(Wallet, {}) : undefined, startIcon: walletPosition === 'start' ? (_jsx(Wallet, { sx: { marginLeft: -0.25 } })) : undefined, onClick: connect, children: t('button.connectWallet') }));
+	const { t } = useTranslation();
+	const { walletConfig, variant } = useWidgetConfig();
+	const { openWalletMenu } = useWalletMenu();
+	const connect = async (event) => {
+		if (!walletConfig?.usePartialWalletManagement && !walletConfig?.forceInternalWalletManagement && walletConfig?.onConnect) {
+			walletConfig.onConnect();
+			return;
+		}
+		openWalletMenu();
+		event.currentTarget.blur();
+	};
+	const walletPosition = variant === "drawer" ? "start" : "end";
+	return /* @__PURE__ */ jsx(WalletButton, {
+		withOffset: walletPosition === "end",
+		endIcon: walletPosition === "end" ? /* @__PURE__ */ jsx(Wallet, {}) : void 0,
+		startIcon: walletPosition === "start" ? /* @__PURE__ */ jsx(Wallet, { sx: { marginLeft: -.25 } }) : void 0,
+		onClick: connect,
+		children: t("button.connectWallet")
+	});
 };
 const ConnectedButton = ({ account }) => {
-    const { chain } = useChain(account.chainId);
-    const [anchorEl, setAnchorEl] = useState(null);
-    const walletAddress = shortenAddress(account.address);
-    const handleClick = (event) => {
-        setAnchorEl(event.currentTarget);
-        event.currentTarget.blur(); // Remove focus to prevent accessibility issues when opening drawer
-    };
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(WalletButton, { withOffset: true, endIcon: _jsx(ExpandMore, {}), startIcon: chain?.logoURI ? (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(SmallAvatar, { src: chain?.logoURI, alt: chain?.name, sx: { width: 12, height: 12 }, children: chain?.name[0] }), children: _jsx(WalletAvatar, { src: getConnectorIcon(account.connector), alt: account.connector?.name, children: account.connector?.name[0] }) })) : (_jsx(Avatar, { src: getConnectorIcon(account.connector), alt: account.connector?.name, sx: { width: 24, height: 24 }, children: account.connector?.name[0] })), onClick: handleClick, children: walletAddress }), _jsx(WalletMenuContainer, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, children: _jsx(WalletMenu, { onClose: handleClose }) })] }));
+	const { chain } = useChain(account.chainId);
+	const [anchorEl, setAnchorEl] = useState(null);
+	const walletAddress = shortenAddress(account.address);
+	const handleClick = (event) => {
+		setAnchorEl(event.currentTarget);
+		event.currentTarget.blur();
+	};
+	const handleClose = () => {
+		setAnchorEl(null);
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(WalletButton, {
+		withOffset: true,
+		endIcon: /* @__PURE__ */ jsx(ExpandMore, {}),
+		startIcon: chain?.logoURI ? /* @__PURE__ */ jsx(Badge, {
+			overlap: "circular",
+			anchorOrigin: {
+				vertical: "bottom",
+				horizontal: "right"
+			},
+			badgeContent: /* @__PURE__ */ jsx(SmallAvatar, {
+				src: chain?.logoURI,
+				alt: chain?.name,
+				sx: {
+					width: 12,
+					height: 12
+				},
+				children: chain?.name[0]
+			}),
+			children: /* @__PURE__ */ jsx(WalletAvatar, {
+				src: getConnectorIcon(account.connector),
+				alt: account.connector?.name,
+				children: account.connector?.name[0]
+			})
+		}) : /* @__PURE__ */ jsx(Avatar, {
+			src: getConnectorIcon(account.connector),
+			alt: account.connector?.name,
+			sx: {
+				width: 24,
+				height: 24
+			},
+			children: account.connector?.name[0]
+		}),
+		onClick: handleClick,
+		children: walletAddress
+	}), /* @__PURE__ */ jsx(WalletMenuContainer, {
+		anchorEl,
+		open: Boolean(anchorEl),
+		onClose: handleClose,
+		children: /* @__PURE__ */ jsx(WalletMenu, { onClose: handleClose })
+	})] });
 };
+//#endregion
+export { WalletHeader };
+
 //# sourceMappingURL=WalletHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WalletHeader.js","sourceRoot":"","sources":["../../../../src/components/Header/WalletHeader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WalletHeader.js","names":[],"sources":["../../../../src/components/Header/WalletHeader.tsx"],"sourcesContent":["import {\n  getConnectorIcon,\n  useAccount,\n  useWalletMenu,\n} from '@lifi/wallet-management'\nimport type { Account } from '@lifi/widget-provider'\nimport ExpandMore from '@mui/icons-material/ExpandMore'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { Avatar, Badge } from '@mui/material'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useExternalWalletProvider } from '../../providers/WalletProvider/useExternalWalletProvider.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { SmallAvatar } from '../Avatar/SmallAvatar.js'\nimport { CloseDrawerButton } from './CloseDrawerButton.js'\nimport {\n  DrawerWalletContainer,\n  HeaderAppBar,\n  WalletAvatar,\n  WalletButton,\n} from './Header.style.js'\nimport { WalletMenu } from './WalletMenu.js'\nimport { WalletMenuContainer } from './WalletMenu.style.js'\n\nconst useInternalWalletManagement = () => {\n  const { hiddenUI } = useWidgetConfig()\n  const { useExternalWalletProvidersOnly } = useExternalWalletProvider()\n\n  const isWalletMenuHidden = hiddenUI?.includes(HiddenUI.WalletMenu)\n\n  const shouldShowWalletMenu =\n    !useExternalWalletProvidersOnly && !isWalletMenuHidden\n\n  return {\n    shouldShowWalletMenu,\n  }\n}\n\nexport const WalletHeader: React.FC = () => {\n  const { shouldShowWalletMenu } = useInternalWalletManagement()\n\n  return shouldShowWalletMenu ? (\n    <HeaderAppBar elevation={0} sx={{ justifyContent: 'flex-end' }}>\n      <WalletMenuButton />\n    </HeaderAppBar>\n  ) : null\n}\n\nconst WalletMenuButton: React.FC = () => {\n  const { variant, hiddenUI } = useWidgetConfig()\n  const { account, accounts } = useAccount()\n\n  const [fromChainId] = useFieldValues('fromChain')\n  const { chain: fromChain } = useChain(fromChainId)\n\n  const activeAccount =\n    (fromChain\n      ? accounts.find((account) => account.chainType === fromChain.chainType)\n      : undefined) || account\n\n  if (variant === 'drawer') {\n    return (\n      <DrawerWalletContainer>\n        {activeAccount.isConnected ? (\n          <ConnectedButton account={activeAccount} />\n        ) : (\n          <ConnectButton />\n        )}\n        {!hiddenUI?.includes(HiddenUI.DrawerCloseButton) ? (\n          <CloseDrawerButton header=\"wallet\" />\n        ) : null}\n      </DrawerWalletContainer>\n    )\n  }\n  return activeAccount.isConnected ? (\n    <ConnectedButton account={activeAccount} />\n  ) : (\n    <ConnectButton />\n  )\n}\n\nconst ConnectButton = () => {\n  const { t } = useTranslation()\n  const { walletConfig, variant } = useWidgetConfig()\n  const { openWalletMenu } = useWalletMenu()\n  const connect = async (event: React.MouseEvent<HTMLElement>) => {\n    if (\n      !walletConfig?.usePartialWalletManagement &&\n      !walletConfig?.forceInternalWalletManagement &&\n      walletConfig?.onConnect\n    ) {\n      walletConfig.onConnect()\n      return\n    }\n    openWalletMenu()\n    event.currentTarget.blur() // Remove focus to prevent accessibility issues when opening drawer\n  }\n\n  const walletPosition = variant === 'drawer' ? 'start' : 'end'\n\n  return (\n    <WalletButton\n      withOffset={walletPosition === 'end'}\n      endIcon={walletPosition === 'end' ? <Wallet /> : undefined}\n      startIcon={\n        walletPosition === 'start' ? (\n          <Wallet sx={{ marginLeft: -0.25 }} />\n        ) : undefined\n      }\n      onClick={connect}\n    >\n      {t('button.connectWallet')}\n    </WalletButton>\n  )\n}\n\nconst ConnectedButton = ({ account }: { account: Account }) => {\n  const { chain } = useChain(account.chainId)\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\n  const walletAddress = shortenAddress(account.address)\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget)\n    event.currentTarget.blur() // Remove focus to prevent accessibility issues when opening drawer\n  }\n\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return (\n    <>\n      <WalletButton\n        withOffset\n        endIcon={<ExpandMore />}\n        startIcon={\n          chain?.logoURI ? (\n            <Badge\n              overlap=\"circular\"\n              anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n              badgeContent={\n                <SmallAvatar\n                  src={chain?.logoURI}\n                  alt={chain?.name}\n                  sx={{ width: 12, height: 12 }}\n                >\n                  {chain?.name[0]}\n                </SmallAvatar>\n              }\n            >\n              <WalletAvatar\n                src={getConnectorIcon(account.connector)}\n                alt={account.connector?.name}\n              >\n                {account.connector?.name[0]}\n              </WalletAvatar>\n            </Badge>\n          ) : (\n            <Avatar\n              src={getConnectorIcon(account.connector)}\n              alt={account.connector?.name}\n              sx={{ width: 24, height: 24 }}\n            >\n              {account.connector?.name[0]}\n            </Avatar>\n          )\n        }\n        onClick={handleClick}\n      >\n        {walletAddress}\n      </WalletButton>\n      <WalletMenuContainer\n        anchorEl={anchorEl}\n        open={Boolean(anchorEl)}\n        onClose={handleClose}\n      >\n        <WalletMenu onClose={handleClose} />\n      </WalletMenuContainer>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BA,MAAM,oCAAoC;CACxC,MAAM,EAAE,aAAa,iBAAiB;CACtC,MAAM,EAAE,mCAAmC,2BAA2B;CAEtE,MAAM,qBAAqB,UAAU,SAAS,SAAS,WAAW;AAKlE,QAAO,EACL,sBAHA,CAAC,kCAAkC,CAAC,oBAIrC;;AAGH,MAAa,qBAA+B;CAC1C,MAAM,EAAE,yBAAyB,6BAA6B;AAE9D,QAAO,uBACL,oBAAC,cAAD;EAAc,WAAW;EAAG,IAAI,EAAE,gBAAgB,YAAY;YAC5D,oBAAC,kBAAD,EAAoB,CAAA;EACP,CAAA,GACb;;AAGN,MAAM,yBAAmC;CACvC,MAAM,EAAE,SAAS,aAAa,iBAAiB;CAC/C,MAAM,EAAE,SAAS,aAAa,YAAY;CAE1C,MAAM,CAAC,eAAe,eAAe,YAAY;CACjD,MAAM,EAAE,OAAO,cAAc,SAAS,YAAY;CAElD,MAAM,iBACH,YACG,SAAS,MAAM,YAAY,QAAQ,cAAc,UAAU,UAAU,GACrE,KAAA,MAAc;AAEpB,KAAI,YAAY,SACd,QACE,qBAAC,uBAAD,EAAA,UAAA,CACG,cAAc,cACb,oBAAC,iBAAD,EAAiB,SAAS,eAAiB,CAAA,GAE3C,oBAAC,eAAD,EAAiB,CAAA,EAElB,CAAC,UAAU,SAAS,SAAS,kBAAkB,GAC9C,oBAAC,mBAAD,EAAmB,QAAO,UAAW,CAAA,GACnC,KACkB,EAAA,CAAA;AAG5B,QAAO,cAAc,cACnB,oBAAC,iBAAD,EAAiB,SAAS,eAAiB,CAAA,GAE3C,oBAAC,eAAD,EAAiB,CAAA;;AAIrB,MAAM,sBAAsB;CAC1B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,cAAc,YAAY,iBAAiB;CACnD,MAAM,EAAE,mBAAmB,eAAe;CAC1C,MAAM,UAAU,OAAO,UAAyC;AAC9D,MACE,CAAC,cAAc,8BACf,CAAC,cAAc,iCACf,cAAc,WACd;AACA,gBAAa,WAAW;AACxB;;AAEF,kBAAgB;AAChB,QAAM,cAAc,MAAM;;CAG5B,MAAM,iBAAiB,YAAY,WAAW,UAAU;AAExD,QACE,oBAAC,cAAD;EACE,YAAY,mBAAmB;EAC/B,SAAS,mBAAmB,QAAQ,oBAAC,QAAD,EAAU,CAAA,GAAG,KAAA;EACjD,WACE,mBAAmB,UACjB,oBAAC,QAAD,EAAQ,IAAI,EAAE,YAAY,MAAO,EAAI,CAAA,GACnC,KAAA;EAEN,SAAS;YAER,EAAE,uBAAuB;EACb,CAAA;;AAInB,MAAM,mBAAmB,EAAE,cAAoC;CAC7D,MAAM,EAAE,UAAU,SAAS,QAAQ,QAAQ;CAC3C,MAAM,CAAC,UAAU,eAAe,SAA6B,KAAK;CAClE,MAAM,gBAAgB,eAAe,QAAQ,QAAQ;CAErD,MAAM,eAAe,UAAyC;AAC5D,cAAY,MAAM,cAAc;AAChC,QAAM,cAAc,MAAM;;CAG5B,MAAM,oBAAoB;AACxB,cAAY,KAAK;;AAGnB,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,cAAD;EACE,YAAA;EACA,SAAS,oBAAC,YAAD,EAAc,CAAA;EACvB,WACE,OAAO,UACL,oBAAC,OAAD;GACE,SAAQ;GACR,cAAc;IAAE,UAAU;IAAU,YAAY;IAAS;GACzD,cACE,oBAAC,aAAD;IACE,KAAK,OAAO;IACZ,KAAK,OAAO;IACZ,IAAI;KAAE,OAAO;KAAI,QAAQ;KAAI;cAE5B,OAAO,KAAK;IACD,CAAA;aAGhB,oBAAC,cAAD;IACE,KAAK,iBAAiB,QAAQ,UAAU;IACxC,KAAK,QAAQ,WAAW;cAEvB,QAAQ,WAAW,KAAK;IACZ,CAAA;GACT,CAAA,GAER,oBAAC,QAAD;GACE,KAAK,iBAAiB,QAAQ,UAAU;GACxC,KAAK,QAAQ,WAAW;GACxB,IAAI;IAAE,OAAO;IAAI,QAAQ;IAAI;aAE5B,QAAQ,WAAW,KAAK;GAClB,CAAA;EAGb,SAAS;YAER;EACY,CAAA,EACf,oBAAC,qBAAD;EACY;EACV,MAAM,QAAQ,SAAS;EACvB,SAAS;YAET,oBAAC,YAAD,EAAY,SAAS,aAAe,CAAA;EAChB,CAAA,CACrB,EAAA,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WalletMenu.js","sourceRoot":"","sources":["../../../../src/components/Header/WalletMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WalletMenu.js","names":[],"sources":["../../../../src/components/Header/WalletMenu.tsx"],"sourcesContent":["import {\n  getConnectorIcon,\n  useAccount,\n  useWalletMenu,\n} from '@lifi/wallet-management'\nimport ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport PowerSettingsNewRounded from '@mui/icons-material/PowerSettingsNewRounded'\nimport { Avatar, Badge, Box, Button, IconButton, MenuItem } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { AvatarMasked } from '../Avatar/Avatar.style.js'\nimport { SmallAvatar } from '../Avatar/SmallAvatar.js'\nimport { DisconnectIconButton } from './DisconnectIconButton.js'\n\nexport const WalletMenu = ({\n  onClose,\n}: {\n  onClose: () => void\n}): JSX.Element => {\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const { getChainById } = useAvailableChains()\n  const { openWalletMenu } = useWalletMenu()\n  const connect = async () => {\n    openWalletMenu()\n    onClose()\n  }\n  const { getAddressLink } = useExplorer()\n\n  return (\n    <>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n      >\n        {accounts.map((account) => {\n          const chain = getChainById(account.chainId)\n          const walletAddress = shortenAddress(account.address)\n          const handleCopyAddress = async () => {\n            await navigator.clipboard.writeText(account.address ?? '')\n            onClose()\n          }\n\n          return (\n            <MenuItem key={account.address} disableTouchRipple>\n              <Box\n                sx={{\n                  flex: 1,\n                  display: 'flex',\n                  alignItems: 'center',\n                }}\n              >\n                {chain?.logoURI ? (\n                  <Badge\n                    overlap=\"circular\"\n                    anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n                    badgeContent={\n                      <SmallAvatar src={chain?.logoURI} alt={chain?.name}>\n                        {chain?.name[0]}\n                      </SmallAvatar>\n                    }\n                    sx={{ marginRight: 1.5 }}\n                  >\n                    <AvatarMasked\n                      src={getConnectorIcon(account.connector)}\n                      alt={account.connector?.name}\n                    >\n                      {account.connector?.name[0]}\n                    </AvatarMasked>\n                  </Badge>\n                ) : (\n                  <Avatar\n                    src={getConnectorIcon(account.connector)}\n                    alt={account.connector?.name}\n                    sx={{\n                      marginRight: 1.5,\n                    }}\n                  >\n                    {account.connector?.name[0]}\n                  </Avatar>\n                )}\n                {walletAddress}\n              </Box>\n              <Box\n                sx={{\n                  ml: 2,\n                }}\n              >\n                <IconButton size=\"medium\" onClick={handleCopyAddress}>\n                  <ContentCopyRounded />\n                </IconButton>\n                <IconButton\n                  size=\"medium\"\n                  component=\"a\"\n                  onClick={onClose}\n                  href={\n                    account.address\n                      ? getAddressLink(account.address, chain)\n                      : undefined\n                  }\n                  target=\"_blank\"\n                >\n                  <OpenInNewRounded />\n                </IconButton>\n                <DisconnectIconButton account={account} />\n              </Box>\n            </MenuItem>\n          )\n        })}\n      </Box>\n      <Button\n        onClick={connect}\n        fullWidth\n        startIcon={<PowerSettingsNewRounded />}\n        sx={{\n          marginTop: 1,\n        }}\n      >\n        {t('button.connectAnotherWallet')}\n      </Button>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAa,cAAc,EACzB,cAGiB;CACjB,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,EAAE,iBAAiB,oBAAoB;CAC7C,MAAM,EAAE,mBAAmB,eAAe;CAC1C,MAAM,UAAU,YAAY;AAC1B,kBAAgB;AAChB,WAAS;;CAEX,MAAM,EAAE,mBAAmB,aAAa;AAExC,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,KAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GAChB;YAEA,SAAS,KAAK,YAAY;GACzB,MAAM,QAAQ,aAAa,QAAQ,QAAQ;GAC3C,MAAM,gBAAgB,eAAe,QAAQ,QAAQ;GACrD,MAAM,oBAAoB,YAAY;AACpC,UAAM,UAAU,UAAU,UAAU,QAAQ,WAAW,GAAG;AAC1D,aAAS;;AAGX,UACE,qBAAC,UAAD;IAAgC,oBAAA;cAAhC,CACE,qBAAC,KAAD;KACE,IAAI;MACF,MAAM;MACN,SAAS;MACT,YAAY;MACb;eALH,CAOG,OAAO,UACN,oBAAC,OAAD;MACE,SAAQ;MACR,cAAc;OAAE,UAAU;OAAU,YAAY;OAAS;MACzD,cACE,oBAAC,aAAD;OAAa,KAAK,OAAO;OAAS,KAAK,OAAO;iBAC3C,OAAO,KAAK;OACD,CAAA;MAEhB,IAAI,EAAE,aAAa,KAAK;gBAExB,oBAAC,cAAD;OACE,KAAK,iBAAiB,QAAQ,UAAU;OACxC,KAAK,QAAQ,WAAW;iBAEvB,QAAQ,WAAW,KAAK;OACZ,CAAA;MACT,CAAA,GAER,oBAAC,QAAD;MACE,KAAK,iBAAiB,QAAQ,UAAU;MACxC,KAAK,QAAQ,WAAW;MACxB,IAAI,EACF,aAAa,KACd;gBAEA,QAAQ,WAAW,KAAK;MAClB,CAAA,EAEV,cACG;QACN,qBAAC,KAAD;KACE,IAAI,EACF,IAAI,GACL;eAHH;MAKE,oBAAC,YAAD;OAAY,MAAK;OAAS,SAAS;iBACjC,oBAAC,oBAAD,EAAsB,CAAA;OACX,CAAA;MACb,oBAAC,YAAD;OACE,MAAK;OACL,WAAU;OACV,SAAS;OACT,MACE,QAAQ,UACJ,eAAe,QAAQ,SAAS,MAAM,GACtC,KAAA;OAEN,QAAO;iBAEP,oBAAC,kBAAD,EAAoB,CAAA;OACT,CAAA;MACb,oBAAC,sBAAD,EAA+B,SAAW,CAAA;MACtC;OACG;MA9DI,QAAQ,QA8DZ;IAEb;EACE,CAAA,EACN,oBAAC,QAAD;EACE,SAAS;EACT,WAAA;EACA,WAAW,oBAAC,yBAAD,EAA2B,CAAA;EACtC,IAAI,EACF,WAAW,GACZ;YAEA,EAAE,8BAA8B;EAC1B,CAAA,CACR,EAAA,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WalletMenu.style.js","sourceRoot":"","sources":["../../../../src/components/Header/WalletMenu.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,IAAI,OAAO,EACf,WAAW,EACX,eAAe,EACf,MAAM,EACN,cAAc,GACf,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;QAC3C,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACtC,SAAS,EAAE,2DAA2D;QACtE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,CAAC,MAAM,WAAW,CAAC,IAAI,EAAE,CAAC,EAAE;YAC1B,OAAO,EAAE,CAAC;SACX;QACD,CAAC,MAAM,eAAe,CAAC,IAAI,EAAE,CAAC,EAAE;YAC9B,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB;YACpD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,CAAC,MAAM,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;aACvC;YACD,QAAQ,EAAE;gBACR,UAAU,EAAE,MAAM;gBAClB,MAAM,EAAE,SAAS;aAClB;SACF;KACF;CACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"WalletMenu.style.js","names":["MuiMenu"],"sources":["../../../../src/components/Header/WalletMenu.style.tsx"],"sourcesContent":["import {\n  Menu as MuiMenu,\n  menuClasses,\n  menuItemClasses,\n  styled,\n  svgIconClasses,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const WalletMenuContainer: React.FC<\n  React.ComponentProps<typeof MuiMenu>\n> = styled(MuiMenu)(({ theme }) => ({\n  [`& .${menuClasses.paper}`]: {\n    borderRadius: theme.vars.shape.borderRadius,\n    color: theme.vars.palette.text.primary,\n    boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',\n    padding: theme.spacing(2),\n    [`& .${menuClasses.list}`]: {\n      padding: 0,\n    },\n    [`& .${menuItemClasses.root}`]: {\n      borderRadius: theme.vars.shape.borderRadiusSecondary,\n      padding: theme.spacing(1, 0, 1, 1),\n      [`& .${svgIconClasses.root}`]: {\n        fontSize: 20,\n        color: theme.vars.palette.text.primary,\n      },\n      ':hover': {\n        background: 'none',\n        cursor: 'default',\n      },\n    },\n  },\n}))\n"],"mappings":";;AASA,MAAa,sBAET,OAAOA,KAAQ,EAAE,EAAE,aAAa,GACjC,MAAM,YAAY,UAAU;CAC3B,cAAc,MAAM,KAAK,MAAM;CAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,WAAW;CACX,SAAS,MAAM,QAAQ,EAAE;EACxB,MAAM,YAAY,SAAS,EAC1B,SAAS,GACV;EACA,MAAM,gBAAgB,SAAS;EAC9B,cAAc,MAAM,KAAK,MAAM;EAC/B,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,EAAE;GACjC,MAAM,eAAe,SAAS;GAC7B,UAAU;GACV,OAAO,MAAM,KAAK,QAAQ,KAAK;GAChC;EACD,UAAU;GACR,YAAY;GACZ,QAAQ;GACT;EACF;CACF,EACF,EAAE"}

package/dist/esm/components/IconCircle/IconCircle.js

@@ -0,0 +1,19 @@
+import { IconCircleRoot, getStatusColor } from "./IconCircle.style.js";
+import { statusIcons } from "./statusIcons.js";
+import { useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/IconCircle/IconCircle.tsx
+const IconCircle = ({ status, size = 90, ...rest }) => {
+	const colorConfig = getStatusColor(status, useTheme());
+	const Icon = statusIcons[status];
+	return /* @__PURE__ */ jsx(IconCircleRoot, {
+		colorConfig,
+		circleSize: size,
+		...rest,
+		children: /* @__PURE__ */ jsx(Icon, {})
+	});
+};
+//#endregion
+export { IconCircle };
+
+//# sourceMappingURL=IconCircle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconCircle.js","names":[],"sources":["../../../../src/components/IconCircle/IconCircle.tsx"],"sourcesContent":["import type { BoxProps } from '@mui/material'\nimport { useTheme } from '@mui/material'\nimport {\n  getStatusColor,\n  IconCircleRoot,\n  iconCircleSize,\n} from './IconCircle.style.js'\nimport { type StatusIcon, statusIcons } from './statusIcons.js'\n\ninterface IconCircleProps extends Omit<BoxProps, 'color'> {\n  status: StatusIcon\n  size?: number\n}\n\nexport const IconCircle: React.FC<IconCircleProps> = ({\n  status,\n  size = iconCircleSize,\n  ...rest\n}) => {\n  const theme = useTheme()\n  const colorConfig = getStatusColor(status, theme)\n  const Icon = statusIcons[status]\n\n  return (\n    <IconCircleRoot colorConfig={colorConfig} circleSize={size} {...rest}>\n      <Icon />\n    </IconCircleRoot>\n  )\n}\n"],"mappings":";;;;;AAcA,MAAa,cAAyC,EACpD,QACA,OAAA,IACA,GAAG,WACC;CAEJ,MAAM,cAAc,eAAe,QADrB,UAAU,CACyB;CACjD,MAAM,OAAO,YAAY;AAEzB,QACE,oBAAC,gBAAD;EAA6B;EAAa,YAAY;EAAM,GAAI;YAC9D,oBAAC,MAAD,EAAQ,CAAA;EACO,CAAA"}

package/dist/esm/components/IconCircle/IconCircle.style.js

@@ -0,0 +1,57 @@
+import { Box, styled } from "@mui/material";
+//#region src/components/IconCircle/IconCircle.style.tsx
+const getStatusColor = (status, theme) => {
+	switch (status) {
+		case "success": return {
+			color: theme.vars.palette.success.main,
+			mixAmount: 12,
+			lightDarken: 0,
+			darkDarken: 0
+		};
+		case "error": return {
+			color: theme.vars.palette.error.main,
+			mixAmount: 12,
+			lightDarken: 0,
+			darkDarken: 0
+		};
+		case "warning": return {
+			color: theme.vars.palette.warning.main,
+			mixAmount: 48,
+			lightDarken: .32,
+			darkDarken: 0
+		};
+		case "info": return {
+			color: theme.vars.palette.info.main,
+			mixAmount: 12,
+			lightDarken: 0,
+			darkDarken: 0
+		};
+	}
+};
+const iconSizeRatio = 48 / 90;
+const IconCircleRoot = styled(Box, { shouldForwardProp: (prop) => prop !== "colorConfig" && prop !== "circleSize" })(({ theme, colorConfig, circleSize }) => {
+	const svgSize = Math.round(circleSize * iconSizeRatio);
+	return {
+		backgroundColor: `color-mix(in srgb, ${colorConfig.color} ${colorConfig.mixAmount}%, ${theme.vars.palette.background.paper})`,
+		borderRadius: "50%",
+		width: circleSize,
+		height: circleSize,
+		display: "grid",
+		position: "relative",
+		placeItems: "center",
+		"& > svg": {
+			color: `color-mix(in srgb, ${colorConfig.color} ${(1 - colorConfig.lightDarken) * 100}%, black)`,
+			width: svgSize,
+			height: svgSize
+		},
+		...theme.applyStyles("dark", { "& > svg": {
+			color: `color-mix(in srgb, ${colorConfig.color} ${(1 - colorConfig.darkDarken) * 100}%, black)`,
+			width: svgSize,
+			height: svgSize
+		} })
+	};
+});
+//#endregion
+export { IconCircleRoot, getStatusColor };
+
+//# sourceMappingURL=IconCircle.style.js.map

package/dist/esm/components/IconCircle/IconCircle.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCircle.style.js","names":[],"sources":["../../../../src/components/IconCircle/IconCircle.style.tsx"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport { Box, styled } from '@mui/material'\nimport type React from 'react'\nimport type { StatusIcon } from './statusIcons'\n\nexport const iconCircleSize = 90\n\ninterface StatusColorConfig {\n  color: string\n  mixAmount: number\n  lightDarken: number\n  darkDarken: number\n}\n\nexport const getStatusColor = (\n  status: StatusIcon,\n  theme: Theme\n): StatusColorConfig => {\n  switch (status) {\n    case 'success':\n      return {\n        color: theme.vars.palette.success.main,\n        mixAmount: 12,\n        lightDarken: 0,\n        darkDarken: 0,\n      }\n    case 'error':\n      return {\n        color: theme.vars.palette.error.main,\n        mixAmount: 12,\n        lightDarken: 0,\n        darkDarken: 0,\n      }\n    case 'warning':\n      return {\n        color: theme.vars.palette.warning.main,\n        mixAmount: 48,\n        lightDarken: 0.32,\n        darkDarken: 0,\n      }\n    case 'info':\n      return {\n        color: theme.vars.palette.info.main,\n        mixAmount: 12,\n        lightDarken: 0,\n        darkDarken: 0,\n      }\n  }\n}\n\nexport const iconSizeRatio: number = 48 / 90\n\nexport const IconCircleRoot: React.FC<\n  React.ComponentProps<typeof Box> & {\n    colorConfig: StatusColorConfig\n    circleSize: number\n  }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'colorConfig' && prop !== 'circleSize',\n})<{ colorConfig: StatusColorConfig; circleSize: number }>(\n  ({ theme, colorConfig, circleSize }) => {\n    const svgSize = Math.round(circleSize * iconSizeRatio)\n    return {\n      backgroundColor: `color-mix(in srgb, ${colorConfig.color} ${colorConfig.mixAmount}%, ${theme.vars.palette.background.paper})`,\n      borderRadius: '50%',\n      width: circleSize,\n      height: circleSize,\n      display: 'grid',\n      position: 'relative',\n      placeItems: 'center',\n      '& > svg': {\n        color: `color-mix(in srgb, ${colorConfig.color} ${(1 - colorConfig.lightDarken) * 100}%, black)`,\n        width: svgSize,\n        height: svgSize,\n      },\n      ...theme.applyStyles('dark', {\n        '& > svg': {\n          color: `color-mix(in srgb, ${colorConfig.color} ${(1 - colorConfig.darkDarken) * 100}%, black)`,\n          width: svgSize,\n          height: svgSize,\n        },\n      }),\n    }\n  }\n)\n"],"mappings":";;AAcA,MAAa,kBACX,QACA,UACsB;AACtB,SAAQ,QAAR;EACE,KAAK,UACH,QAAO;GACL,OAAO,MAAM,KAAK,QAAQ,QAAQ;GAClC,WAAW;GACX,aAAa;GACb,YAAY;GACb;EACH,KAAK,QACH,QAAO;GACL,OAAO,MAAM,KAAK,QAAQ,MAAM;GAChC,WAAW;GACX,aAAa;GACb,YAAY;GACb;EACH,KAAK,UACH,QAAO;GACL,OAAO,MAAM,KAAK,QAAQ,QAAQ;GAClC,WAAW;GACX,aAAa;GACb,YAAY;GACb;EACH,KAAK,OACH,QAAO;GACL,OAAO,MAAM,KAAK,QAAQ,KAAK;GAC/B,WAAW;GACX,aAAa;GACb,YAAY;GACb;;;AAIP,MAAa,gBAAwB,KAAK;AAE1C,MAAa,iBAKT,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,iBAAiB,SAAS,cACjE,CAAC,EACC,EAAE,OAAO,aAAa,iBAAiB;CACtC,MAAM,UAAU,KAAK,MAAM,aAAa,cAAc;AACtD,QAAO;EACL,iBAAiB,sBAAsB,YAAY,MAAM,GAAG,YAAY,UAAU,KAAK,MAAM,KAAK,QAAQ,WAAW,MAAM;EAC3H,cAAc;EACd,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;EACV,YAAY;EACZ,WAAW;GACT,OAAO,sBAAsB,YAAY,MAAM,IAAI,IAAI,YAAY,eAAe,IAAI;GACtF,OAAO;GACP,QAAQ;GACT;EACD,GAAG,MAAM,YAAY,QAAQ,EAC3B,WAAW;GACT,OAAO,sBAAsB,YAAY,MAAM,IAAI,IAAI,YAAY,cAAc,IAAI;GACrF,OAAO;GACP,QAAQ;GACT,EACF,CAAC;EACH;EAEJ"}

package/dist/esm/components/IconCircle/statusIcons.js

@@ -0,0 +1,15 @@
+import ErrorRounded from "@mui/icons-material/ErrorRounded";
+import Done from "@mui/icons-material/Done";
+import InfoRounded from "@mui/icons-material/InfoRounded";
+import WarningRounded from "@mui/icons-material/WarningRounded";
+//#region src/components/IconCircle/statusIcons.ts
+const statusIcons = {
+	success: Done,
+	error: ErrorRounded,
+	warning: WarningRounded,
+	info: InfoRounded
+};
+//#endregion
+export { statusIcons };
+
+//# sourceMappingURL=statusIcons.js.map

package/dist/esm/components/IconCircle/statusIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusIcons.js","names":[],"sources":["../../../../src/components/IconCircle/statusIcons.ts"],"sourcesContent":["import Done from '@mui/icons-material/Done'\nimport ErrorRounded from '@mui/icons-material/ErrorRounded'\nimport InfoRounded from '@mui/icons-material/InfoRounded'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport type { SvgIcon } from '@mui/material'\n\nexport type StatusIcon = 'success' | 'error' | 'warning' | 'info'\n\nexport const statusIcons: Record<StatusIcon, typeof SvgIcon> = {\n  success: Done,\n  error: ErrorRounded,\n  warning: WarningRounded,\n  info: InfoRounded,\n}\n"],"mappings":";;;;;AAQA,MAAa,cAAkD;CAC7D,SAAS;CACT,OAAO;CACP,SAAS;CACT,MAAM;CACP"}