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

package/dist/esm/components/Chains/ChainList.js

@@ -1,18 +1,53 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { SearchNotFound } from '../Search/SearchNotFound.js';
-import { List, ListItemAvatar, ListItemButton, ListItemText, } from './ChainList.style.js';
-import { VirtualizedChainList } from './VirtualizedChainList.js';
-export const ChainList = ({ parentRef, formType, chains, hasSearchQuery, onSelect, selectedChainId, isLoading, inExpansion, }) => {
-    const { t } = useTranslation();
-    const itemsSize = inExpansion ? 'small' : 'medium';
-    if (isLoading) {
-        return (_jsx(List, { disablePadding: true, sx: { cursor: 'default' }, children: Array.from({ length: 3 }).map((_, index) => (_jsxs(ListItemButton, { size: itemsSize, sx: { pointerEvents: 'none' }, children: [_jsx(ListItemAvatar, { size: itemsSize, children: _jsx(Skeleton, { variant: "circular", width: itemsSize === 'small' ? 32 : 40, height: itemsSize === 'small' ? 32 : 40, sx: { marginRight: 2 } }) }), _jsx(ListItemText, { primary: _jsx(Skeleton, { variant: "text", width: '100%', height: itemsSize === 'small' ? 18 : 24 }), size: itemsSize })] }, index))) }));
-    }
-    if (!chains.length) {
-        return (_jsx(SearchNotFound, { message: t('info.message.emptyChainList'), adjustForStickySearchInput: !inExpansion }));
-    }
-    return (_jsx(VirtualizedChainList, { scrollElementRef: parentRef, formType: formType, chains: chains, hasSearchQuery: hasSearchQuery, onSelect: onSelect, selectedChainId: selectedChainId, itemsSize: itemsSize, withPinnedChains: inExpansion }));
+import { SearchNotFound } from "../Search/SearchNotFound.js";
+import { List as List$1, ListItemAvatar as ListItemAvatar$1, ListItemButton as ListItemButton$1, ListItemText as ListItemText$1 } from "./ChainList.style.js";
+import { VirtualizedChainList } from "./VirtualizedChainList.js";
+import { Skeleton } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/Chains/ChainList.tsx
+const ChainList = ({ parentRef, formType, chains, hasSearchQuery, onSelect, selectedChainId, isLoading, inExpansion }) => {
+	const { t } = useTranslation();
+	const itemsSize = inExpansion ? "small" : "medium";
+	if (isLoading) return /* @__PURE__ */ jsx(List$1, {
+		disablePadding: true,
+		sx: { cursor: "default" },
+		children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs(ListItemButton$1, {
+			size: itemsSize,
+			sx: { pointerEvents: "none" },
+			children: [/* @__PURE__ */ jsx(ListItemAvatar$1, {
+				size: itemsSize,
+				children: /* @__PURE__ */ jsx(Skeleton, {
+					variant: "circular",
+					width: itemsSize === "small" ? 32 : 40,
+					height: itemsSize === "small" ? 32 : 40,
+					sx: { marginRight: 2 }
+				})
+			}), /* @__PURE__ */ jsx(ListItemText$1, {
+				primary: /* @__PURE__ */ jsx(Skeleton, {
+					variant: "text",
+					width: "100%",
+					height: itemsSize === "small" ? 18 : 24
+				}),
+				size: itemsSize
+			})]
+		}, index))
+	});
+	if (!chains.length) return /* @__PURE__ */ jsx(SearchNotFound, {
+		message: t("info.message.emptyChainList"),
+		adjustForStickySearchInput: !inExpansion
+	});
+	return /* @__PURE__ */ jsx(VirtualizedChainList, {
+		scrollElementRef: parentRef,
+		formType,
+		chains,
+		hasSearchQuery,
+		onSelect,
+		selectedChainId,
+		itemsSize,
+		withPinnedChains: inExpansion
+	});
 };
+//#endregion
+export { ChainList };
+
 //# sourceMappingURL=ChainList.js.map

package/dist/esm/components/Chains/ChainList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainList.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EACL,IAAI,EACJ,cAAc,EACd,cAAc,EACd,YAAY,GACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAahE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,cAAc,EACd,QAAQ,EACR,eAAe,EACf,SAAS,EACT,WAAW,GACI,EAAE,EAAE;IACnB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAA;IAElD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,IAAI,IAAC,cAAc,QAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YAC3C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,MAAC,cAAc,IAEb,IAAI,EAAE,SAAS,EACf,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,aAE7B,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,YAC7B,KAAC,QAAQ,IACP,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACtC,MAAM,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACvC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,GACtB,GACa,EACjB,KAAC,YAAY,IACX,OAAO,EACL,KAAC,QAAQ,IACP,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GACvC,EAEJ,IAAI,EAAE,SAAS,GACf,KArBG,KAAK,CAsBK,CAClB,CAAC,GACG,CACR,CAAA;IACH,CAAC;IAED,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACnB,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,CAAC,CAAC,6BAA6B,CAAC,EACzC,0BAA0B,EAAE,CAAC,WAAW,GACxC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,oBAAoB,IACnB,gBAAgB,EAAE,SAAS,EAC3B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,WAAW,GAC7B,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ChainList.js","names":["List","ListItemButton","ListItemAvatar","ListItemText"],"sources":["../../../../src/components/Chains/ChainList.tsx"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { Skeleton } from '@mui/material'\nimport type { JSX, RefObject } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { FormType } from '../../stores/form/types.js'\nimport { SearchNotFound } from '../Search/SearchNotFound.js'\nimport {\n  List,\n  ListItemAvatar,\n  ListItemButton,\n  ListItemText,\n} from './ChainList.style.js'\nimport { VirtualizedChainList } from './VirtualizedChainList.js'\n\ninterface ChainListProps {\n  parentRef: RefObject<HTMLDivElement | null>\n  formType: FormType\n  chains: ExtendedChain[]\n  onSelect: (chain: ExtendedChain) => void\n  selectedChainId?: number\n  isLoading: boolean\n  hasSearchQuery: boolean\n  inExpansion: boolean\n}\n\nexport const ChainList = ({\n  parentRef,\n  formType,\n  chains,\n  hasSearchQuery,\n  onSelect,\n  selectedChainId,\n  isLoading,\n  inExpansion,\n}: ChainListProps): JSX.Element => {\n  const { t } = useTranslation()\n\n  const itemsSize = inExpansion ? 'small' : 'medium'\n\n  if (isLoading) {\n    return (\n      <List disablePadding sx={{ cursor: 'default' }}>\n        {Array.from({ length: 3 }).map((_, index) => (\n          <ListItemButton\n            key={index}\n            size={itemsSize}\n            sx={{ pointerEvents: 'none' }}\n          >\n            <ListItemAvatar size={itemsSize}>\n              <Skeleton\n                variant=\"circular\"\n                width={itemsSize === 'small' ? 32 : 40}\n                height={itemsSize === 'small' ? 32 : 40}\n                sx={{ marginRight: 2 }}\n              />\n            </ListItemAvatar>\n            <ListItemText\n              primary={\n                <Skeleton\n                  variant=\"text\"\n                  width={'100%'}\n                  height={itemsSize === 'small' ? 18 : 24}\n                />\n              }\n              size={itemsSize}\n            />\n          </ListItemButton>\n        ))}\n      </List>\n    )\n  }\n\n  if (!chains.length) {\n    return (\n      <SearchNotFound\n        message={t('info.message.emptyChainList')}\n        adjustForStickySearchInput={!inExpansion}\n      />\n    )\n  }\n\n  return (\n    <VirtualizedChainList\n      scrollElementRef={parentRef}\n      formType={formType}\n      chains={chains}\n      hasSearchQuery={hasSearchQuery}\n      onSelect={onSelect}\n      selectedChainId={selectedChainId}\n      itemsSize={itemsSize}\n      withPinnedChains={inExpansion}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAyBA,MAAa,aAAa,EACxB,WACA,UACA,QACA,gBACA,UACA,iBACA,WACA,kBACiC;CACjC,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,YAAY,cAAc,UAAU;AAE1C,KAAI,UACF,QACE,oBAACA,QAAD;EAAM,gBAAA;EAAe,IAAI,EAAE,QAAQ,WAAW;YAC3C,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,UACjC,qBAACC,kBAAD;GAEE,MAAM;GACN,IAAI,EAAE,eAAe,QAAQ;aAH/B,CAKE,oBAACC,kBAAD;IAAgB,MAAM;cACpB,oBAAC,UAAD;KACE,SAAQ;KACR,OAAO,cAAc,UAAU,KAAK;KACpC,QAAQ,cAAc,UAAU,KAAK;KACrC,IAAI,EAAE,aAAa,GAAG;KACtB,CAAA;IACa,CAAA,EACjB,oBAACC,gBAAD;IACE,SACE,oBAAC,UAAD;KACE,SAAQ;KACR,OAAO;KACP,QAAQ,cAAc,UAAU,KAAK;KACrC,CAAA;IAEJ,MAAM;IACN,CAAA,CACa;KAtBV,MAsBU,CACjB;EACG,CAAA;AAIX,KAAI,CAAC,OAAO,OACV,QACE,oBAAC,gBAAD;EACE,SAAS,EAAE,8BAA8B;EACzC,4BAA4B,CAAC;EAC7B,CAAA;AAIN,QACE,oBAAC,sBAAD;EACE,kBAAkB;EACR;EACF;EACQ;EACN;EACO;EACN;EACX,kBAAkB;EAClB,CAAA"}

package/dist/esm/components/Chains/ChainList.style.js

@@ -1,45 +1,43 @@
-import { ListItem as ListItemBase, listItemButtonClasses, listItemTextClasses, Avatar as MuiAvatar, List as MuiList, ListItemAvatar as MuiListItemAvatar, ListItemText as MuiListItemText, styled, } from '@mui/material';
-import { ListItemButton as ListItemButtonBase } from '../ListItemButton.js';
-export const Avatar = styled(MuiAvatar)(({ size = 'medium' }) => ({
-    width: size === 'small' ? 32 : 40,
-    height: size === 'small' ? 32 : 40,
+import { ListItemButton as ListItemButton$2 } from "../ListItemButton.js";
+import { Avatar, List, ListItem, ListItemAvatar, ListItemText, listItemButtonClasses, listItemTextClasses, styled } from "@mui/material";
+//#region src/components/Chains/ChainList.style.tsx
+const Avatar$1 = styled(Avatar)(({ size = "medium" }) => ({
+	width: size === "small" ? 32 : 40,
+	height: size === "small" ? 32 : 40
 }));
-export const ListItemAvatar = styled(MuiListItemAvatar)(({ size = 'medium' }) => ({
-    minWidth: size === 'small' ? 44 : 56,
-}));
-export const ListItemText = styled(MuiListItemText)(({ size = 'medium' }) => ({
-    [`.${listItemTextClasses.primary}`]: {
-        fontWeight: 500,
-        fontSize: size === 'small' ? '1rem' : '1.125rem',
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-    },
-}));
-export const ListItemButton = styled(ListItemButtonBase)(({ size = 'medium', theme }) => {
-    return {
-        borderRadius: theme.vars.shape.borderRadius,
-        paddingLeft: size === 'small' ? theme.spacing(1) : theme.spacing(1.5),
-        height: size === 'small' ? 44 : 56,
-        width: '100%',
-    };
+const ListItemAvatar$1 = styled(ListItemAvatar)(({ size = "medium" }) => ({ minWidth: size === "small" ? 44 : 56 }));
+const ListItemText$1 = styled(ListItemText)(({ size = "medium" }) => ({ [`.${listItemTextClasses.primary}`]: {
+	fontWeight: 500,
+	fontSize: size === "small" ? "1rem" : "1.125rem",
+	textOverflow: "ellipsis",
+	overflow: "hidden",
+	whiteSpace: "nowrap"
+} }));
+const ListItemButton$1 = styled(ListItemButton$2)(({ size = "medium", theme }) => {
+	return {
+		borderRadius: theme.vars.shape.borderRadius,
+		paddingLeft: size === "small" ? theme.spacing(1) : theme.spacing(1.5),
+		height: size === "small" ? 44 : 56,
+		width: "100%"
+	};
 });
-export const List = styled(MuiList)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: theme.spacing(0.5),
-    padding: 0,
-    marginLeft: theme.spacing(1.5),
-    marginRight: theme.spacing(1.5),
-    marginBottom: theme.spacing(1.5),
-    cursor: 'pointer',
+const List$1 = styled(List)(({ theme }) => ({
+	display: "flex",
+	flexDirection: "column",
+	gap: theme.spacing(.5),
+	padding: 0,
+	marginLeft: theme.spacing(1.5),
+	marginRight: theme.spacing(1.5),
+	marginBottom: theme.spacing(1.5),
+	cursor: "pointer"
 }));
-export const ListItem = styled(ListItemBase)(({ theme }) => ({
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    [`& .${listItemButtonClasses.root}`]: {
-        paddingRight: theme.spacing(1),
-    },
+const ListItem$1 = styled(ListItem)(({ theme }) => ({
+	position: "absolute",
+	top: 0,
+	left: 0,
+	[`& .${listItemButtonClasses.root}`]: { paddingRight: theme.spacing(1) }
 }));
+//#endregion
+export { Avatar$1 as Avatar, List$1 as List, ListItem$1 as ListItem, ListItemAvatar$1 as ListItemAvatar, ListItemButton$1 as ListItemButton, ListItemText$1 as ListItemText };
+
 //# sourceMappingURL=ChainList.style.js.map

package/dist/esm/components/Chains/ChainList.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainList.style.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainList.style.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChainList.style.js","names":["Avatar","MuiAvatar","ListItemAvatar","MuiListItemAvatar","ListItemText","MuiListItemText","ListItemButton","ListItemButtonBase","List","MuiList","ListItem","ListItemBase"],"sources":["../../../../src/components/Chains/ChainList.style.tsx"],"sourcesContent":["import {\n  ListItem as ListItemBase,\n  listItemButtonClasses,\n  listItemTextClasses,\n  Avatar as MuiAvatar,\n  List as MuiList,\n  ListItemAvatar as MuiListItemAvatar,\n  ListItemText as MuiListItemText,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\nimport { ListItemButton as ListItemButtonBase } from '../ListItemButton.js'\n\nexport const Avatar: React.FC<\n  React.ComponentProps<typeof MuiAvatar> &\n    Partial<{\n      size?: 'small' | 'medium'\n    }>\n> = styled(MuiAvatar)<{\n  size?: 'small' | 'medium'\n}>(({ size = 'medium' }) => ({\n  width: size === 'small' ? 32 : 40,\n  height: size === 'small' ? 32 : 40,\n}))\n\nexport const ListItemAvatar: React.FC<\n  React.ComponentProps<typeof MuiListItemAvatar> &\n    Partial<{\n      size?: 'small' | 'medium'\n    }>\n> = styled(MuiListItemAvatar)<{\n  size?: 'small' | 'medium'\n}>(({ size = 'medium' }) => ({\n  minWidth: size === 'small' ? 44 : 56,\n}))\n\nexport const ListItemText: React.FC<\n  React.ComponentProps<typeof MuiListItemText> &\n    Partial<{\n      size?: 'small' | 'medium'\n    }>\n> = styled(MuiListItemText)<{\n  size?: 'small' | 'medium'\n}>(({ size = 'medium' }) => ({\n  [`.${listItemTextClasses.primary}`]: {\n    fontWeight: 500,\n    fontSize: size === 'small' ? '1rem' : '1.125rem',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n}))\n\nexport const ListItemButton: React.FC<\n  React.ComponentProps<typeof ListItemButtonBase> &\n    Partial<{\n      size?: 'small' | 'medium'\n    }>\n> = styled(ListItemButtonBase)<{\n  size?: 'small' | 'medium'\n}>(({ size = 'medium', theme }) => {\n  return {\n    borderRadius: theme.vars.shape.borderRadius,\n    paddingLeft: size === 'small' ? theme.spacing(1) : theme.spacing(1.5),\n    height: size === 'small' ? 44 : 56,\n    width: '100%',\n  }\n})\n\nexport const List: React.FC<React.ComponentProps<typeof MuiList>> = styled(\n  MuiList\n)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.5),\n  padding: 0,\n  marginLeft: theme.spacing(1.5),\n  marginRight: theme.spacing(1.5),\n  marginBottom: theme.spacing(1.5),\n  cursor: 'pointer',\n}))\n\nexport const ListItem: React.FC<React.ComponentProps<typeof ListItemBase>> =\n  styled(ListItemBase)(({ theme }) => ({\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    [`& .${listItemButtonClasses.root}`]: {\n      paddingRight: theme.spacing(1),\n    },\n  }))\n"],"mappings":";;;AAaA,MAAaA,WAKT,OAAOC,OAAU,EAEjB,EAAE,OAAO,gBAAgB;CAC3B,OAAO,SAAS,UAAU,KAAK;CAC/B,QAAQ,SAAS,UAAU,KAAK;CACjC,EAAE;AAEH,MAAaC,mBAKT,OAAOC,eAAkB,EAEzB,EAAE,OAAO,gBAAgB,EAC3B,UAAU,SAAS,UAAU,KAAK,IACnC,EAAE;AAEH,MAAaC,iBAKT,OAAOC,aAAgB,EAEvB,EAAE,OAAO,gBAAgB,GAC1B,IAAI,oBAAoB,YAAY;CACnC,YAAY;CACZ,UAAU,SAAS,UAAU,SAAS;CACtC,cAAc;CACd,UAAU;CACV,YAAY;CACb,EACF,EAAE;AAEH,MAAaC,mBAKT,OAAOC,iBAAmB,EAE1B,EAAE,OAAO,UAAU,YAAY;AACjC,QAAO;EACL,cAAc,MAAM,KAAK,MAAM;EAC/B,aAAa,SAAS,UAAU,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,IAAI;EACrE,QAAQ,SAAS,UAAU,KAAK;EAChC,OAAO;EACR;EACD;AAEF,MAAaC,SAAuD,OAClEC,KACD,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,eAAe;CACf,KAAK,MAAM,QAAQ,GAAI;CACvB,SAAS;CACT,YAAY,MAAM,QAAQ,IAAI;CAC9B,aAAa,MAAM,QAAQ,IAAI;CAC/B,cAAc,MAAM,QAAQ,IAAI;CAChC,QAAQ;CACT,EAAE;AAEH,MAAaC,aACX,OAAOC,SAAa,EAAE,EAAE,aAAa;CACnC,UAAU;CACV,KAAK;CACL,MAAM;EACL,MAAM,sBAAsB,SAAS,EACpC,cAAc,MAAM,QAAQ,EAAE,EAC/B;CACF,EAAE"}

package/dist/esm/components/Chains/ChainListItem.js

@@ -1,23 +1,55 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { memo } from 'react';
-import { Avatar, ListItem, ListItemAvatar, ListItemButton, ListItemText, } from './ChainList.style.js';
-import { PinChainButton, pinButtonClassName } from './PinChainButton.js';
-export const ChainListItem = memo(({ chain, onSelect, selected, itemsSize, size, start, isPinned, onPin, withPin, }) => {
-    return (_jsx(ListItem, { style: {
-            height: `${size}px`,
-            transform: `translateY(${start}px)`,
-            padding: 0,
-            overflow: 'hidden',
-        }, sx: {
-            [`&:hover .${pinButtonClassName}`]: {
-                opacity: 1,
-                transform: 'translateY(0)',
-            },
-        }, children: _jsxs(ListItemButton, { onClick: () => onSelect(chain), selected: selected, size: itemsSize, children: [_jsx(ListItemAvatar, { size: itemsSize, children: _jsx(Avatar, { src: chain.logoURI, alt: chain.name, size: itemsSize, children: chain.name[0] }) }), _jsx(ListItemText, { primary: chain.name, size: itemsSize }), withPin && (_jsx(Box, { style: {
-                        position: 'relative',
-                        height: 28,
-                        width: 28,
-                    }, children: _jsx(PinChainButton, { isPinned: isPinned, onPin: () => onPin(chain.id) }) }))] }) }));
+import { Avatar as Avatar$1, ListItem as ListItem$1, ListItemAvatar as ListItemAvatar$1, ListItemButton as ListItemButton$1, ListItemText as ListItemText$1 } from "./ChainList.style.js";
+import { PinChainButton, pinButtonClassName } from "./PinChainButton.js";
+import { memo } from "react";
+import { Box } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Chains/ChainListItem.tsx
+const ChainListItem = memo(({ chain, onSelect, selected, itemsSize, size, start, isPinned, onPin, withPin }) => {
+	return /* @__PURE__ */ jsx(ListItem$1, {
+		style: {
+			height: `${size}px`,
+			transform: `translateY(${start}px)`,
+			padding: 0,
+			overflow: "hidden"
+		},
+		sx: { [`&:hover .${pinButtonClassName}`]: {
+			opacity: 1,
+			transform: "translateY(0)"
+		} },
+		children: /* @__PURE__ */ jsxs(ListItemButton$1, {
+			onClick: () => onSelect(chain),
+			selected,
+			size: itemsSize,
+			children: [
+				/* @__PURE__ */ jsx(ListItemAvatar$1, {
+					size: itemsSize,
+					children: /* @__PURE__ */ jsx(Avatar$1, {
+						src: chain.logoURI,
+						alt: chain.name,
+						size: itemsSize,
+						children: chain.name[0]
+					})
+				}),
+				/* @__PURE__ */ jsx(ListItemText$1, {
+					primary: chain.name,
+					size: itemsSize
+				}),
+				withPin && /* @__PURE__ */ jsx(Box, {
+					style: {
+						position: "relative",
+						height: 28,
+						width: 28
+					},
+					children: /* @__PURE__ */ jsx(PinChainButton, {
+						isPinned,
+						onPin: () => onPin(chain.id)
+					})
+				})
+			]
+		})
+	});
 });
+//#endregion
+export { ChainListItem };
+
 //# sourceMappingURL=ChainListItem.js.map

package/dist/esm/components/Chains/ChainListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainListItem.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EACL,MAAM,EACN,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAY,GACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAcxE,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAC/B,CAAC,EACC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,GACY,EAAE,EAAE;IACvB,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAE;YACL,MAAM,EAAE,GAAG,IAAI,IAAI;YACnB,SAAS,EAAE,cAAc,KAAK,KAAK;YACnC,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,QAAQ;SACnB,EACD,EAAE,EAAE;YACF,CAAC,YAAY,kBAAkB,EAAE,CAAC,EAAE;gBAClC,OAAO,EAAE,CAAC;gBACV,SAAS,EAAE,eAAe;aAC3B;SACF,YAED,MAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,SAAS,aAEf,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,YAC7B,KAAC,MAAM,IAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,YACzD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GACP,GACM,EACjB,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,GAAI,EACrD,OAAO,IAAI,CACV,KAAC,GAAG,IACF,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,MAAM,EAAE,EAAE;wBACV,KAAK,EAAE,EAAE;qBACV,YAED,KAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,GAC5B,GACE,CACP,IACc,GACR,CACZ,CAAA;AACH,CAAC,CACF,CAAA"}
+{"version":3,"file":"ChainListItem.js","names":["ListItem","ListItemButton","ListItemAvatar","Avatar","ListItemText"],"sources":["../../../../src/components/Chains/ChainListItem.tsx"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { Box } from '@mui/material'\nimport type React from 'react'\nimport { type JSX, memo } from 'react'\nimport {\n  Avatar,\n  ListItem,\n  ListItemAvatar,\n  ListItemButton,\n  ListItemText,\n} from './ChainList.style.js'\nimport { PinChainButton, pinButtonClassName } from './PinChainButton.js'\n\ninterface ChainListItemProps {\n  chain: ExtendedChain\n  onSelect: (chain: ExtendedChain) => void\n  selected?: boolean\n  itemsSize: 'small' | 'medium'\n  size: number\n  start: number\n  isPinned: boolean\n  onPin: (chainId: number) => void\n  withPin: boolean\n}\n\nexport const ChainListItem: React.NamedExoticComponent<ChainListItemProps> =\n  memo(\n    ({\n      chain,\n      onSelect,\n      selected,\n      itemsSize,\n      size,\n      start,\n      isPinned,\n      onPin,\n      withPin,\n    }: ChainListItemProps): JSX.Element => {\n      return (\n        <ListItem\n          style={{\n            height: `${size}px`,\n            transform: `translateY(${start}px)`,\n            padding: 0,\n            overflow: 'hidden',\n          }}\n          sx={{\n            [`&:hover .${pinButtonClassName}`]: {\n              opacity: 1,\n              transform: 'translateY(0)',\n            },\n          }}\n        >\n          <ListItemButton\n            onClick={() => onSelect(chain)}\n            selected={selected}\n            size={itemsSize}\n          >\n            <ListItemAvatar size={itemsSize}>\n              <Avatar src={chain.logoURI} alt={chain.name} size={itemsSize}>\n                {chain.name[0]}\n              </Avatar>\n            </ListItemAvatar>\n            <ListItemText primary={chain.name} size={itemsSize} />\n            {withPin && (\n              <Box\n                style={{\n                  position: 'relative',\n                  height: 28,\n                  width: 28,\n                }}\n              >\n                <PinChainButton\n                  isPinned={isPinned}\n                  onPin={() => onPin(chain.id)}\n                />\n              </Box>\n            )}\n          </ListItemButton>\n        </ListItem>\n      )\n    }\n  )\n"],"mappings":";;;;;;AAyBA,MAAa,gBACX,MACG,EACC,OACA,UACA,UACA,WACA,MACA,OACA,UACA,OACA,cACqC;AACrC,QACE,oBAACA,YAAD;EACE,OAAO;GACL,QAAQ,GAAG,KAAK;GAChB,WAAW,cAAc,MAAM;GAC/B,SAAS;GACT,UAAU;GACX;EACD,IAAI,GACD,YAAY,uBAAuB;GAClC,SAAS;GACT,WAAW;GACZ,EACF;YAED,qBAACC,kBAAD;GACE,eAAe,SAAS,MAAM;GACpB;GACV,MAAM;aAHR;IAKE,oBAACC,kBAAD;KAAgB,MAAM;eACpB,oBAACC,UAAD;MAAQ,KAAK,MAAM;MAAS,KAAK,MAAM;MAAM,MAAM;gBAChD,MAAM,KAAK;MACL,CAAA;KACM,CAAA;IACjB,oBAACC,gBAAD;KAAc,SAAS,MAAM;KAAM,MAAM;KAAa,CAAA;IACrD,WACC,oBAAC,KAAD;KACE,OAAO;MACL,UAAU;MACV,QAAQ;MACR,OAAO;MACR;eAED,oBAAC,gBAAD;MACY;MACV,aAAa,MAAM,MAAM,GAAG;MAC5B,CAAA;KACE,CAAA;IAEO;;EACR,CAAA;EAGhB"}

package/dist/esm/components/Chains/ChainSearchInput.js

@@ -1,25 +1,39 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { SearchInput, StickySearchInput } from '../Search/SearchInput.js';
-export const ChainSearchInput = ({ inputRef, inExpansion, onChange, onClear, searchHeaderHeight, }) => {
-    const { t } = useTranslation();
-    const handleClear = useCallback(() => {
-        if (inputRef.current) {
-            inputRef.current.value = '';
-        }
-        onClear();
-    }, [onClear, inputRef.current]);
-    if (inExpansion) {
-        return (_jsx(Box, { sx: {
-                pt: 3,
-                pb: 2,
-                px: 2.5,
-                height: searchHeaderHeight,
-                boxSizing: 'border-box',
-            }, children: _jsx(SearchInput, { inputRef: inputRef, onChange: onChange, placeholder: t('main.searchNetwork'), size: "small", onClear: handleClear }) }));
-    }
-    return (_jsx(StickySearchInput, { inputRef: inputRef, onChange: onChange, placeholder: t('main.searchNetwork'), onClear: handleClear }));
+import { SearchInput, StickySearchInput } from "../Search/SearchInput.js";
+import { useCallback } from "react";
+import { Box } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/Chains/ChainSearchInput.tsx
+const ChainSearchInput = ({ inputRef, inExpansion, onChange, onClear, searchHeaderHeight }) => {
+	const { t } = useTranslation();
+	const handleClear = useCallback(() => {
+		if (inputRef.current) inputRef.current.value = "";
+		onClear();
+	}, [onClear, inputRef.current]);
+	if (inExpansion) return /* @__PURE__ */ jsx(Box, {
+		sx: {
+			pt: 3,
+			pb: 2,
+			px: 2.5,
+			height: searchHeaderHeight,
+			boxSizing: "border-box"
+		},
+		children: /* @__PURE__ */ jsx(SearchInput, {
+			inputRef,
+			onChange,
+			placeholder: t("main.searchNetwork"),
+			size: "small",
+			onClear: handleClear
+		})
+	});
+	return /* @__PURE__ */ jsx(StickySearchInput, {
+		inputRef,
+		onChange,
+		placeholder: t("main.searchNetwork"),
+		onClear: handleClear
+	});
 };
+//#endregion
+export { ChainSearchInput };
+
 //# sourceMappingURL=ChainSearchInput.js.map

package/dist/esm/components/Chains/ChainSearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainSearchInput.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainSearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAUzE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,kBAAkB,GACI,EAAE,EAAE;IAC1B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;QAC7B,CAAC;QACD,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAA;IAE/B,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;gBACF,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE,kBAAkB;gBAC1B,SAAS,EAAE,YAAY;aACxB,YAED,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,CAAC,oBAAoB,CAAC,EACpC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,WAAW,GACpB,GACE,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,CAAC,oBAAoB,CAAC,EACpC,OAAO,EAAE,WAAW,GACpB,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ChainSearchInput.js","names":[],"sources":["../../../../src/components/Chains/ChainSearchInput.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { type JSX, type RefObject, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { SearchInput, StickySearchInput } from '../Search/SearchInput.js'\n\ninterface ChainSearchInputProps {\n  inputRef: RefObject<HTMLInputElement | null>\n  inExpansion: boolean\n  onChange: () => void\n  onClear: () => void\n  searchHeaderHeight: string | number\n}\n\nexport const ChainSearchInput = ({\n  inputRef,\n  inExpansion,\n  onChange,\n  onClear,\n  searchHeaderHeight,\n}: ChainSearchInputProps): JSX.Element => {\n  const { t } = useTranslation()\n\n  const handleClear = useCallback(() => {\n    if (inputRef.current) {\n      inputRef.current.value = ''\n    }\n    onClear()\n  }, [onClear, inputRef.current])\n\n  if (inExpansion) {\n    return (\n      <Box\n        sx={{\n          pt: 3,\n          pb: 2,\n          px: 2.5,\n          height: searchHeaderHeight,\n          boxSizing: 'border-box',\n        }}\n      >\n        <SearchInput\n          inputRef={inputRef}\n          onChange={onChange}\n          placeholder={t('main.searchNetwork')}\n          size=\"small\"\n          onClear={handleClear}\n        />\n      </Box>\n    )\n  }\n\n  return (\n    <StickySearchInput\n      inputRef={inputRef}\n      onChange={onChange}\n      placeholder={t('main.searchNetwork')}\n      onClear={handleClear}\n    />\n  )\n}\n"],"mappings":";;;;;;AAaA,MAAa,oBAAoB,EAC/B,UACA,aACA,UACA,SACA,yBACwC;CACxC,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,cAAc,kBAAkB;AACpC,MAAI,SAAS,QACX,UAAS,QAAQ,QAAQ;AAE3B,WAAS;IACR,CAAC,SAAS,SAAS,QAAQ,CAAC;AAE/B,KAAI,YACF,QACE,oBAAC,KAAD;EACE,IAAI;GACF,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,QAAQ;GACR,WAAW;GACZ;YAED,oBAAC,aAAD;GACY;GACA;GACV,aAAa,EAAE,qBAAqB;GACpC,MAAK;GACL,SAAS;GACT,CAAA;EACE,CAAA;AAIV,QACE,oBAAC,mBAAD;EACY;EACA;EACV,aAAa,EAAE,qBAAqB;EACpC,SAAS;EACT,CAAA"}

package/dist/esm/components/Chains/ChainsExpanded.js

@@ -1,12 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { getWidgetMaxHeight } from '../../utils/widgetSize.js';
-import { ExpansionTransition } from '../Expansion/ExpansionTransition.js';
-import { chainExpansionWidth, SelectChainExpansionContainer, } from './ChainsExpanded.style.js';
-import { SelectChainContent } from './SelectChainContent.js';
-export const ChainsExpanded = memo(function ChainsExpanded({ formType, open, }) {
-    const { theme } = useWidgetConfig();
-    return (_jsx(ExpansionTransition, { in: open, width: chainExpansionWidth, children: _jsx(SelectChainExpansionContainer, { expansionHeight: getWidgetMaxHeight(theme), children: _jsx(SelectChainContent, { inExpansion: true, formType: formType }) }) }));
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { getWidgetMaxHeight } from "../../utils/widgetSize.js";
+import { ExpansionTransition } from "../Expansion/ExpansionTransition.js";
+import { SelectChainExpansionContainer, chainExpansionWidth } from "./ChainsExpanded.style.js";
+import { SelectChainContent } from "./SelectChainContent.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Chains/ChainsExpanded.tsx
+const ChainsExpanded = memo(function ChainsExpanded({ formType, open }) {
+	const { theme } = useWidgetConfig();
+	return /* @__PURE__ */ jsx(ExpansionTransition, {
+		in: open,
+		width: chainExpansionWidth,
+		children: /* @__PURE__ */ jsx(SelectChainExpansionContainer, {
+			expansionHeight: getWidgetMaxHeight(theme),
+			children: /* @__PURE__ */ jsx(SelectChainContent, {
+				inExpansion: true,
+				formType
+			})
+		})
+	});
 });
+//#endregion
+export { ChainsExpanded };
+
 //# sourceMappingURL=ChainsExpanded.js.map

package/dist/esm/components/Chains/ChainsExpanded.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainsExpanded.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainsExpanded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAElF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EACL,mBAAmB,EACnB,6BAA6B,GAC9B,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAO5D,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,cAAc,CAAC,EACzD,QAAQ,EACR,IAAI,GACgB;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAA;IAEnC,OAAO,CACL,KAAC,mBAAmB,IAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,mBAAmB,YACvD,KAAC,6BAA6B,IAC5B,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,YAE1C,KAAC,kBAAkB,IAAC,WAAW,QAAC,QAAQ,EAAE,QAAQ,GAAI,GACxB,GACZ,CACvB,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ChainsExpanded.js","names":[],"sources":["../../../../src/components/Chains/ChainsExpanded.tsx"],"sourcesContent":["import type React from 'react'\nimport { memo } from 'react'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../../stores/form/types.js'\nimport { getWidgetMaxHeight } from '../../utils/widgetSize.js'\nimport { ExpansionTransition } from '../Expansion/ExpansionTransition.js'\nimport {\n  chainExpansionWidth,\n  SelectChainExpansionContainer,\n} from './ChainsExpanded.style.js'\nimport { SelectChainContent } from './SelectChainContent.js'\n\ninterface ChainsExpandedProps {\n  formType: FormType\n  open: boolean\n}\n\nexport const ChainsExpanded: React.NamedExoticComponent<ChainsExpandedProps> =\n  memo(function ChainsExpanded({ formType, open }: ChainsExpandedProps) {\n    const { theme } = useWidgetConfig()\n\n    return (\n      <ExpansionTransition in={open} width={chainExpansionWidth}>\n        <SelectChainExpansionContainer\n          expansionHeight={getWidgetMaxHeight(theme)}\n        >\n          <SelectChainContent inExpansion formType={formType} />\n        </SelectChainExpansionContainer>\n      </ExpansionTransition>\n    )\n  })\n"],"mappings":";;;;;;;;AAiBA,MAAa,iBACX,KAAK,SAAS,eAAe,EAAE,UAAU,QAA6B;CACpE,MAAM,EAAE,UAAU,iBAAiB;AAEnC,QACE,oBAAC,qBAAD;EAAqB,IAAI;EAAM,OAAO;YACpC,oBAAC,+BAAD;GACE,iBAAiB,mBAAmB,MAAM;aAE1C,oBAAC,oBAAD;IAAoB,aAAA;IAAsB;IAAY,CAAA;GACxB,CAAA;EACZ,CAAA;EAExB"}

package/dist/esm/components/Chains/ChainsExpanded.style.js

@@ -1,17 +1,19 @@
-import { Box, styled } from '@mui/material';
-export const chainExpansionWidth = '256px';
-export const SelectChainExpansionContainer = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'expansionHeight',
-})(({ theme, expansionHeight }) => ({
-    ...theme.container,
-    position: 'relative',
-    boxSizing: 'content-box',
-    width: chainExpansionWidth,
-    background: theme.vars.palette.background.default,
-    overflow: 'hidden',
-    flex: 1,
-    zIndex: 0,
-    height: expansionHeight,
-    ...theme.chainSidebarContainer,
+import { Box, styled } from "@mui/material";
+//#region src/components/Chains/ChainsExpanded.style.tsx
+const chainExpansionWidth = "256px";
+const SelectChainExpansionContainer = styled(Box, { shouldForwardProp: (prop) => prop !== "expansionHeight" })(({ theme, expansionHeight }) => ({
+	...theme.container,
+	position: "relative",
+	boxSizing: "content-box",
+	width: chainExpansionWidth,
+	background: theme.vars.palette.background.default,
+	overflow: "hidden",
+	flex: 1,
+	zIndex: 0,
+	height: expansionHeight,
+	...theme.chainSidebarContainer
 }));
+//#endregion
+export { SelectChainExpansionContainer, chainExpansionWidth };
+
 //# sourceMappingURL=ChainsExpanded.style.js.map

package/dist/esm/components/Chains/ChainsExpanded.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainsExpanded.style.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainsExpanded.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAA;AAM1C,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,EAAE;IACvD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,iBAAiB;CACxD,CAAC,CAAqC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IACtE,GAAG,KAAK,CAAC,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,aAAa;IACxB,KAAK,EAAE,mBAAmB;IAC1B,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACjD,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,eAAe;IACvB,GAAG,KAAK,CAAC,qBAAqB;CAC/B,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ChainsExpanded.style.js","names":[],"sources":["../../../../src/components/Chains/ChainsExpanded.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const chainExpansionWidth = '256px'\n\ninterface SelectChainExpansionContainerProps {\n  expansionHeight: string | number\n}\n\nexport const SelectChainExpansionContainer: React.FC<\n  React.ComponentProps<typeof Box> & SelectChainExpansionContainerProps\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'expansionHeight',\n})<SelectChainExpansionContainerProps>(({ theme, expansionHeight }) => ({\n  ...theme.container,\n  position: 'relative',\n  boxSizing: 'content-box',\n  width: chainExpansionWidth,\n  background: theme.vars.palette.background.default,\n  overflow: 'hidden',\n  flex: 1,\n  zIndex: 0,\n  height: expansionHeight,\n  ...theme.chainSidebarContainer,\n}))\n"],"mappings":";;AAGA,MAAa,sBAAsB;AAMnC,MAAa,gCAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,mBACvC,CAAC,EAAsC,EAAE,OAAO,uBAAuB;CACtE,GAAG,MAAM;CACT,UAAU;CACV,WAAW;CACX,OAAO;CACP,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,UAAU;CACV,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,GAAG,MAAM;CACV,EAAE"}

package/dist/esm/components/Chains/PinChainButton.js

@@ -1,34 +1,43 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import PushPinIcon from '@mui/icons-material/PushPin';
-import PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined';
-import { IconButton } from '@mui/material';
-export const pinButtonClassName = 'pin-button';
+import { IconButton } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import PushPinIcon from "@mui/icons-material/PushPin";
+import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
+//#region src/components/Chains/PinChainButton.tsx
+const pinButtonClassName = "pin-button";
 const animationDuration = 225;
-export const PinChainButton = ({ isPinned, onPin }) => {
-    const PinIcon = isPinned ? PushPinIcon : PushPinOutlinedIcon;
-    return (_jsx(IconButton, { className: pinButtonClassName, edge: "end", "aria-label": "pin", onClick: (e) => {
-            e.stopPropagation();
-            onPin();
-        }, sx: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            height: 28,
-            width: 28,
-            transition: `opacity ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1), transform ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`,
-            ...(isPinned
-                ? {
-                    opacity: 1,
-                    transform: 'translateY(0)',
-                }
-                : {
-                    opacity: 0,
-                    transform: 'translateY(-50%)',
-                }),
-        }, children: _jsx(PinIcon, { sx: {
-                height: 20,
-                width: 20,
-                color: 'text.secondary',
-            } }) }));
+const PinChainButton = ({ isPinned, onPin }) => {
+	const PinIcon = isPinned ? PushPinIcon : PushPinOutlinedIcon;
+	return /* @__PURE__ */ jsx(IconButton, {
+		className: pinButtonClassName,
+		edge: "end",
+		"aria-label": "pin",
+		onClick: (e) => {
+			e.stopPropagation();
+			onPin();
+		},
+		sx: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			height: 28,
+			width: 28,
+			transition: `opacity ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1), transform ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`,
+			...isPinned ? {
+				opacity: 1,
+				transform: "translateY(0)"
+			} : {
+				opacity: 0,
+				transform: "translateY(-50%)"
+			}
+		},
+		children: /* @__PURE__ */ jsx(PinIcon, { sx: {
+			height: 20,
+			width: 20,
+			color: "text.secondary"
+		} })
+	});
 };
+//#endregion
+export { PinChainButton, pinButtonClassName };
+
 //# sourceMappingURL=PinChainButton.js.map

package/dist/esm/components/Chains/PinChainButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinChainButton.js","sourceRoot":"","sources":["../../../../src/components/Chains/PinChainButton.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,mBAAmB,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAO1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAA;AAC9C,MAAM,iBAAiB,GAAG,GAAG,CAAA;AAE7B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAuB,EAAE,EAAE;IACzE,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAA;IAC5D,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,kBAAkB,EAC7B,IAAI,EAAC,KAAK,gBACC,KAAK,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,KAAK,EAAE,CAAA;QACT,CAAC,EACD,EAAE,EAAE;YACF,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,UAAU,EAAE,WAAW,iBAAiB,8CAA8C,iBAAiB,iCAAiC;YACxI,GAAG,CAAC,QAAQ;gBACV,CAAC,CAAC;oBACE,OAAO,EAAE,CAAC;oBACV,SAAS,EAAE,eAAe;iBAC3B;gBACH,CAAC,CAAC;oBACE,OAAO,EAAE,CAAC;oBACV,SAAS,EAAE,kBAAkB;iBAC9B,CAAC;SACP,YAED,KAAC,OAAO,IACN,EAAE,EAAE;gBACF,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,gBAAgB;aACxB,GACD,GACS,CACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"PinChainButton.js","names":[],"sources":["../../../../src/components/Chains/PinChainButton.tsx"],"sourcesContent":["import PushPinIcon from '@mui/icons-material/PushPin'\nimport PushPinOutlinedIcon from '@mui/icons-material/PushPinOutlined'\nimport { IconButton } from '@mui/material'\nimport type { JSX } from 'react'\n\ninterface PinChainButtonProps {\n  isPinned: boolean\n  onPin: () => void\n}\n\nexport const pinButtonClassName = 'pin-button'\nconst animationDuration = 225\n\nexport const PinChainButton = ({\n  isPinned,\n  onPin,\n}: PinChainButtonProps): JSX.Element => {\n  const PinIcon = isPinned ? PushPinIcon : PushPinOutlinedIcon\n  return (\n    <IconButton\n      className={pinButtonClassName}\n      edge=\"end\"\n      aria-label=\"pin\"\n      onClick={(e) => {\n        e.stopPropagation()\n        onPin()\n      }}\n      sx={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        height: 28,\n        width: 28,\n        transition: `opacity ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1), transform ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`,\n        ...(isPinned\n          ? {\n              opacity: 1,\n              transform: 'translateY(0)',\n            }\n          : {\n              opacity: 0,\n              transform: 'translateY(-50%)',\n            }),\n      }}\n    >\n      <PinIcon\n        sx={{\n          height: 20,\n          width: 20,\n          color: 'text.secondary',\n        }}\n      />\n    </IconButton>\n  )\n}\n"],"mappings":";;;;;AAUA,MAAa,qBAAqB;AAClC,MAAM,oBAAoB;AAE1B,MAAa,kBAAkB,EAC7B,UACA,YACsC;CACtC,MAAM,UAAU,WAAW,cAAc;AACzC,QACE,oBAAC,YAAD;EACE,WAAW;EACX,MAAK;EACL,cAAW;EACX,UAAU,MAAM;AACd,KAAE,iBAAiB;AACnB,UAAO;;EAET,IAAI;GACF,UAAU;GACV,KAAK;GACL,MAAM;GACN,QAAQ;GACR,OAAO;GACP,YAAY,WAAW,kBAAkB,6CAA6C,kBAAkB;GACxG,GAAI,WACA;IACE,SAAS;IACT,WAAW;IACZ,GACD;IACE,SAAS;IACT,WAAW;IACZ;GACN;YAED,oBAAC,SAAD,EACE,IAAI;GACF,QAAQ;GACR,OAAO;GACP,OAAO;GACR,EACD,CAAA;EACS,CAAA"}