@lifi/widget 4.0.0-beta.0 → 4.0.0-beta.10

package/dist/esm/components/ContractComponent/ItemPrice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemPrice.d.ts","names":[],"sources":["../../../../src/components/ContractComponent/ItemPrice.tsx"],"mappings":";;;;UAMiB,cAAA;EACf,KAAA,EAAO,aAAA;EACP,aAAA,GAAgB,YAAA;AAAA;AAAA,cAGL,SAAA,EAAW,KAAA,CAAM,EAAA,CAAG,cAAA"}

package/dist/esm/components/ContractComponent/ItemPrice.js

@@ -1,24 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { formatUnits } from '@lifi/sdk';
-import { useEffect } from 'react';
-import { useFieldActions } from '../../stores/form/useFieldActions.js';
-import { Token } from '../Token/Token.js';
-export const ItemPrice = ({ token, contractCalls, }) => {
-    const { setFieldValue } = useFieldActions();
-    useEffect(() => {
-        if (token) {
-            setFieldValue('toChain', token.chainId, { isTouched: true });
-            setFieldValue('toToken', token.address, { isTouched: true });
-            setFieldValue('toAmount', token.amount ? formatUnits(token.amount, token.decimals) : '', {
-                isTouched: true,
-            });
-        }
-        if (contractCalls) {
-            setFieldValue('contractCalls', contractCalls, {
-                isTouched: true,
-            });
-        }
-    }, [contractCalls, setFieldValue, token]);
-    return _jsx(Token, { token: token, p: 2 });
+import { useFieldActions } from "../../stores/form/useFieldActions.js";
+import { Token as Token$1 } from "../Token/Token.js";
+import { formatUnits } from "@lifi/sdk";
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ContractComponent/ItemPrice.tsx
+const ItemPrice = ({ token, contractCalls }) => {
+	const { setFieldValue } = useFieldActions();
+	useEffect(() => {
+		if (token) {
+			setFieldValue("toChain", token.chainId, { isTouched: true });
+			setFieldValue("toToken", token.address, { isTouched: true });
+			setFieldValue("toAmount", token.amount ? formatUnits(token.amount, token.decimals) : "", { isTouched: true });
+		}
+		if (contractCalls) setFieldValue("contractCalls", contractCalls, { isTouched: true });
+	}, [
+		contractCalls,
+		setFieldValue,
+		token
+	]);
+	return /* @__PURE__ */ jsx(Token$1, {
+		token,
+		p: 2
+	});
 };
+//#endregion
+export { ItemPrice };
+
 //# sourceMappingURL=ItemPrice.js.map

package/dist/esm/components/ContractComponent/ItemPrice.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemPrice.js","sourceRoot":"","sources":["../../../../src/components/ContractComponent/ItemPrice.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,WAAW,EAAE,MAAM,WAAW,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAOzC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,KAAK,EACL,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YAC5D,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YAC5D,aAAa,CACX,UAAU,EACV,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7D;gBACE,SAAS,EAAE,IAAI;aAChB,CACF,CAAA;QACH,CAAC;QACD,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,eAAe,EAAE,aAAa,EAAE;gBAC5C,SAAS,EAAE,IAAI;aAChB,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAA;IACzC,OAAO,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,GAAI,CAAA;AACtC,CAAC,CAAA"}
+{"version":3,"file":"ItemPrice.js","names":["Token"],"sources":["../../../../src/components/ContractComponent/ItemPrice.tsx"],"sourcesContent":["import { type ContractCall, formatUnits } from '@lifi/sdk'\nimport { useEffect } from 'react'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport type { TokenAmount } from '../../types/token.js'\nimport { Token } from '../Token/Token.js'\n\nexport interface ItemPriceProps {\n  token: TokenAmount\n  contractCalls?: ContractCall[]\n}\n\nexport const ItemPrice: React.FC<ItemPriceProps> = ({\n  token,\n  contractCalls,\n}) => {\n  const { setFieldValue } = useFieldActions()\n\n  useEffect(() => {\n    if (token) {\n      setFieldValue('toChain', token.chainId, { isTouched: true })\n      setFieldValue('toToken', token.address, { isTouched: true })\n      setFieldValue(\n        'toAmount',\n        token.amount ? formatUnits(token.amount, token.decimals) : '',\n        {\n          isTouched: true,\n        }\n      )\n    }\n    if (contractCalls) {\n      setFieldValue('contractCalls', contractCalls, {\n        isTouched: true,\n      })\n    }\n  }, [contractCalls, setFieldValue, token])\n  return <Token token={token} p={2} />\n}\n"],"mappings":";;;;;;AAWA,MAAa,aAAuC,EAClD,OACA,oBACI;CACJ,MAAM,EAAE,kBAAkB,iBAAiB;AAE3C,iBAAgB;AACd,MAAI,OAAO;AACT,iBAAc,WAAW,MAAM,SAAS,EAAE,WAAW,MAAM,CAAC;AAC5D,iBAAc,WAAW,MAAM,SAAS,EAAE,WAAW,MAAM,CAAC;AAC5D,iBACE,YACA,MAAM,SAAS,YAAY,MAAM,QAAQ,MAAM,SAAS,GAAG,IAC3D,EACE,WAAW,MACZ,CACF;;AAEH,MAAI,cACF,eAAc,iBAAiB,eAAe,EAC5C,WAAW,MACZ,CAAC;IAEH;EAAC;EAAe;EAAe;EAAM,CAAC;AACzC,QAAO,oBAACA,SAAD;EAAc;EAAO,GAAG;EAAK,CAAA"}

package/dist/esm/components/ContractComponent/NFT/NFT.d.ts

@@ -1,2 +1,7 @@
-import type { NFTProps } from './types.js';
-export declare const NFT: React.FC<NFTProps>;
+import { NFTProps } from "./types.js";
+
+//#region src/components/ContractComponent/NFT/NFT.d.ts
+declare const NFT: React.FC<NFTProps>;
+//#endregion
+export { NFT };
+//# sourceMappingURL=NFT.d.ts.map

package/dist/esm/components/ContractComponent/NFT/NFT.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NFT.d.ts","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFT.tsx"],"mappings":";;;cAMa,GAAA,EAAK,KAAA,CAAM,EAAA,CAAG,QAAA"}

package/dist/esm/components/ContractComponent/NFT/NFT.js

@@ -1,24 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { formatUnits } from '@lifi/sdk';
-import { useEffect } from 'react';
-import { useFieldActions } from '../../../stores/form/useFieldActions.js';
-import { NFTBase } from './NFTBase.js';
-export const NFT = ({ imageUrl, isLoading, collectionName, assetName, owner, token, contractCall, }) => {
-    const { setFieldValue } = useFieldActions();
-    useEffect(() => {
-        if (token) {
-            setFieldValue('toChain', token.chainId, { isTouched: true });
-            setFieldValue('toToken', token.address, { isTouched: true });
-            setFieldValue('toAmount', token.amount ? formatUnits(token.amount, token.decimals) : '', {
-                isTouched: true,
-            });
-        }
-        if (contractCall) {
-            setFieldValue('contractCalls', [contractCall], {
-                isTouched: true,
-            });
-        }
-    }, [contractCall, setFieldValue, token]);
-    return (_jsx(NFTBase, { isLoading: isLoading, imageUrl: imageUrl, collectionName: collectionName, assetName: assetName, owner: owner, token: token }));
+import { useFieldActions } from "../../../stores/form/useFieldActions.js";
+import { NFTBase } from "./NFTBase.js";
+import { formatUnits } from "@lifi/sdk";
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ContractComponent/NFT/NFT.tsx
+const NFT = ({ imageUrl, isLoading, collectionName, assetName, owner, token, contractCall }) => {
+	const { setFieldValue } = useFieldActions();
+	useEffect(() => {
+		if (token) {
+			setFieldValue("toChain", token.chainId, { isTouched: true });
+			setFieldValue("toToken", token.address, { isTouched: true });
+			setFieldValue("toAmount", token.amount ? formatUnits(token.amount, token.decimals) : "", { isTouched: true });
+		}
+		if (contractCall) setFieldValue("contractCalls", [contractCall], { isTouched: true });
+	}, [
+		contractCall,
+		setFieldValue,
+		token
+	]);
+	return /* @__PURE__ */ jsx(NFTBase, {
+		isLoading,
+		imageUrl,
+		collectionName,
+		assetName,
+		owner,
+		token
+	});
 };
+//#endregion
+export { NFT };
+
 //# sourceMappingURL=NFT.js.map

package/dist/esm/components/ContractComponent/NFT/NFT.js.map

@@ -1 +1 @@
-{"version":3,"file":"NFT.js","sourceRoot":"","sources":["../../../../../src/components/ContractComponent/NFT/NFT.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,QAAQ,EACR,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YAC5D,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YAC5D,aAAa,CACX,UAAU,EACV,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7D;gBACE,SAAS,EAAE,IAAI;aAChB,CACF,CAAA;QACH,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YACjB,aAAa,CAAC,eAAe,EAAE,CAAC,YAAY,CAAC,EAAE;gBAC7C,SAAS,EAAE,IAAI;aAChB,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAA;IACxC,OAAO,CACL,KAAC,OAAO,IACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NFT.js","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFT.tsx"],"sourcesContent":["import { formatUnits } from '@lifi/sdk'\nimport { useEffect } from 'react'\nimport { useFieldActions } from '../../../stores/form/useFieldActions.js'\nimport { NFTBase } from './NFTBase.js'\nimport type { NFTProps } from './types.js'\n\nexport const NFT: React.FC<NFTProps> = ({\n  imageUrl,\n  isLoading,\n  collectionName,\n  assetName,\n  owner,\n  token,\n  contractCall,\n}) => {\n  const { setFieldValue } = useFieldActions()\n\n  useEffect(() => {\n    if (token) {\n      setFieldValue('toChain', token.chainId, { isTouched: true })\n      setFieldValue('toToken', token.address, { isTouched: true })\n      setFieldValue(\n        'toAmount',\n        token.amount ? formatUnits(token.amount, token.decimals) : '',\n        {\n          isTouched: true,\n        }\n      )\n    }\n    if (contractCall) {\n      setFieldValue('contractCalls', [contractCall], {\n        isTouched: true,\n      })\n    }\n  }, [contractCall, setFieldValue, token])\n  return (\n    <NFTBase\n      isLoading={isLoading}\n      imageUrl={imageUrl}\n      collectionName={collectionName}\n      assetName={assetName}\n      owner={owner}\n      token={token}\n    />\n  )\n}\n"],"mappings":";;;;;;AAMA,MAAa,OAA2B,EACtC,UACA,WACA,gBACA,WACA,OACA,OACA,mBACI;CACJ,MAAM,EAAE,kBAAkB,iBAAiB;AAE3C,iBAAgB;AACd,MAAI,OAAO;AACT,iBAAc,WAAW,MAAM,SAAS,EAAE,WAAW,MAAM,CAAC;AAC5D,iBAAc,WAAW,MAAM,SAAS,EAAE,WAAW,MAAM,CAAC;AAC5D,iBACE,YACA,MAAM,SAAS,YAAY,MAAM,QAAQ,MAAM,SAAS,GAAG,IAC3D,EACE,WAAW,MACZ,CACF;;AAEH,MAAI,aACF,eAAc,iBAAiB,CAAC,aAAa,EAAE,EAC7C,WAAW,MACZ,CAAC;IAEH;EAAC;EAAc;EAAe;EAAM,CAAC;AACxC,QACE,oBAAC,SAAD;EACa;EACD;EACM;EACL;EACJ;EACA;EACP,CAAA"}

package/dist/esm/components/ContractComponent/NFT/NFT.style.js

@@ -1,8 +1,12 @@
-import { Avatar, styled } from '@mui/material';
-export const PreviewAvatar = styled(Avatar)(({ theme }) => ({
-    background: theme.vars.palette.background.paper,
-    width: 96,
-    height: 96,
-    borderRadius: theme.vars.shape.borderRadius,
+import { Avatar, styled } from "@mui/material";
+//#region src/components/ContractComponent/NFT/NFT.style.ts
+const PreviewAvatar = styled(Avatar)(({ theme }) => ({
+	background: theme.vars.palette.background.paper,
+	width: 96,
+	height: 96,
+	borderRadius: theme.vars.shape.borderRadius
 }));
+//#endregion
+export { PreviewAvatar };
+
 //# sourceMappingURL=NFT.style.js.map

package/dist/esm/components/ContractComponent/NFT/NFT.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"NFT.style.js","sourceRoot":"","sources":["../../../../../src/components/ContractComponent/NFT/NFT.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC/C,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;CAC5C,CAAC,CAAC,CAAA"}
+{"version":3,"file":"NFT.style.js","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFT.style.ts"],"sourcesContent":["import { Avatar, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const PreviewAvatar: React.FC<React.ComponentProps<typeof Avatar>> =\n  styled(Avatar)(({ theme }) => ({\n    background: theme.vars.palette.background.paper,\n    width: 96,\n    height: 96,\n    borderRadius: theme.vars.shape.borderRadius,\n  }))\n"],"mappings":";;AAGA,MAAa,gBACX,OAAO,OAAO,EAAE,EAAE,aAAa;CAC7B,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,OAAO;CACP,QAAQ;CACR,cAAc,MAAM,KAAK,MAAM;CAChC,EAAE"}

package/dist/esm/components/ContractComponent/NFT/NFTBase.d.ts

@@ -1,2 +1,7 @@
-import type { NFTProps } from './types.js';
-export declare const NFTBase: React.FC<NFTProps>;
+import { NFTProps } from "./types.js";
+
+//#region src/components/ContractComponent/NFT/NFTBase.d.ts
+declare const NFTBase: React.FC<NFTProps>;
+//#endregion
+export { NFTBase };
+//# sourceMappingURL=NFTBase.d.ts.map

package/dist/esm/components/ContractComponent/NFT/NFTBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NFTBase.d.ts","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFTBase.tsx"],"mappings":";;;cAMa,OAAA,EAAS,KAAA,CAAM,EAAA,CAAG,QAAA"}

package/dist/esm/components/ContractComponent/NFT/NFTBase.js

@@ -1,25 +1,76 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Link, Skeleton, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { Token } from '../../Token/Token.js';
-import { PreviewAvatar } from './NFT.style.js';
-export const NFTBase = ({ imageUrl, isLoading, collectionName, assetName, owner, token, }) => {
-    const { t } = useTranslation();
-    return (_jsxs(Box, { sx: {
-            p: 2,
-        }, children: [_jsxs(Box, { sx: {
-                    display: 'flex',
-                }, children: [isLoading ? (_jsx(Skeleton, { width: 96, height: 96, variant: "rectangular", sx: { borderRadius: 1 } })) : (_jsx(PreviewAvatar, { src: imageUrl })), _jsxs(Box, { sx: {
-                            ml: 2,
-                        }, children: [isLoading ? (_jsx(Skeleton, { width: 144, height: 21, variant: "text" })) : (_jsx(Typography, { sx: {
-                                    fontSize: 14,
-                                    color: 'text.secondary',
-                                }, children: collectionName })), isLoading ? (_jsx(Skeleton, { width: 112, height: 27, variant: "text" })) : (_jsx(Typography, { sx: {
-                                    fontSize: 18,
-                                    fontWeight: 600,
-                                }, children: assetName })), isLoading ? (_jsx(Skeleton, { width: 128, height: 21, variant: "text" })) : owner ? (_jsxs(Typography, { sx: {
-                                    fontSize: 14,
-                                    color: 'text.secondary',
-                                }, children: [t('main.ownedBy'), ' ', _jsx(Link, { href: owner.url, target: "_blank", underline: "none", color: "primary", children: owner.name })] })) : null] })] }), _jsx(Token, { token: token, isLoading: isLoading, mt: 2 })] }));
+import { Token } from "../../Token/Token.js";
+import { PreviewAvatar } from "./NFT.style.js";
+import { Box, Link, Skeleton, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/ContractComponent/NFT/NFTBase.tsx
+const NFTBase = ({ imageUrl, isLoading, collectionName, assetName, owner, token }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: { p: 2 },
+		children: [/* @__PURE__ */ jsxs(Box, {
+			sx: { display: "flex" },
+			children: [isLoading ? /* @__PURE__ */ jsx(Skeleton, {
+				width: 96,
+				height: 96,
+				variant: "rectangular",
+				sx: { borderRadius: 1 }
+			}) : /* @__PURE__ */ jsx(PreviewAvatar, { src: imageUrl }), /* @__PURE__ */ jsxs(Box, {
+				sx: { ml: 2 },
+				children: [
+					isLoading ? /* @__PURE__ */ jsx(Skeleton, {
+						width: 144,
+						height: 21,
+						variant: "text"
+					}) : /* @__PURE__ */ jsx(Typography, {
+						sx: {
+							fontSize: 14,
+							color: "text.secondary"
+						},
+						children: collectionName
+					}),
+					isLoading ? /* @__PURE__ */ jsx(Skeleton, {
+						width: 112,
+						height: 27,
+						variant: "text"
+					}) : /* @__PURE__ */ jsx(Typography, {
+						sx: {
+							fontSize: 18,
+							fontWeight: 600
+						},
+						children: assetName
+					}),
+					isLoading ? /* @__PURE__ */ jsx(Skeleton, {
+						width: 128,
+						height: 21,
+						variant: "text"
+					}) : owner ? /* @__PURE__ */ jsxs(Typography, {
+						sx: {
+							fontSize: 14,
+							color: "text.secondary"
+						},
+						children: [
+							t("main.ownedBy"),
+							" ",
+							/* @__PURE__ */ jsx(Link, {
+								href: owner.url,
+								target: "_blank",
+								underline: "none",
+								color: "primary",
+								children: owner.name
+							})
+						]
+					}) : null
+				]
+			})]
+		}), /* @__PURE__ */ jsx(Token, {
+			token,
+			isLoading,
+			mt: 2
+		})]
+	});
 };
+//#endregion
+export { NFTBase };
+
 //# sourceMappingURL=NFTBase.js.map

package/dist/esm/components/ContractComponent/NFT/NFTBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"NFTBase.js","sourceRoot":"","sources":["../../../../../src/components/ContractComponent/NFT/NFTBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAG9C,MAAM,CAAC,MAAM,OAAO,GAAuB,CAAC,EAC1C,QAAQ,EACR,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,CAAC,EAAE,CAAC;SACL,aAED,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;iBAChB,aAEA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IACP,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,aAAa,EACrB,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,GACvB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IAAC,GAAG,EAAE,QAAQ,GAAI,CACjC,EACD,MAAC,GAAG,IACF,EAAE,EAAE;4BACF,EAAE,EAAE,CAAC;yBACN,aAEA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CACpD,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IACT,EAAE,EAAE;oCACF,QAAQ,EAAE,EAAE;oCACZ,KAAK,EAAE,gBAAgB;iCACxB,YAEA,cAAc,GACJ,CACd,EACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CACpD,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IACT,EAAE,EAAE;oCACF,QAAQ,EAAE,EAAE;oCACZ,UAAU,EAAE,GAAG;iCAChB,YAEA,SAAS,GACC,CACd,EACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CACpD,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,MAAC,UAAU,IACT,EAAE,EAAE;oCACF,QAAQ,EAAE,EAAE;oCACZ,KAAK,EAAE,gBAAgB;iCACxB,aAEA,CAAC,CAAC,cAAc,CAAC,EAAE,GAAG,EACvB,KAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,SAAS,YAEd,KAAK,CAAC,IAAI,GACN,IACI,CACd,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,EACN,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,GAAI,IAChD,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NFTBase.js","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFTBase.tsx"],"sourcesContent":["import { Box, Link, Skeleton, Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { Token } from '../../Token/Token.js'\nimport { PreviewAvatar } from './NFT.style.js'\nimport type { NFTProps } from './types.js'\n\nexport const NFTBase: React.FC<NFTProps> = ({\n  imageUrl,\n  isLoading,\n  collectionName,\n  assetName,\n  owner,\n  token,\n}) => {\n  const { t } = useTranslation()\n  return (\n    <Box\n      sx={{\n        p: 2,\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        {isLoading ? (\n          <Skeleton\n            width={96}\n            height={96}\n            variant=\"rectangular\"\n            sx={{ borderRadius: 1 }}\n          />\n        ) : (\n          <PreviewAvatar src={imageUrl} />\n        )}\n        <Box\n          sx={{\n            ml: 2,\n          }}\n        >\n          {isLoading ? (\n            <Skeleton width={144} height={21} variant=\"text\" />\n          ) : (\n            <Typography\n              sx={{\n                fontSize: 14,\n                color: 'text.secondary',\n              }}\n            >\n              {collectionName}\n            </Typography>\n          )}\n          {isLoading ? (\n            <Skeleton width={112} height={27} variant=\"text\" />\n          ) : (\n            <Typography\n              sx={{\n                fontSize: 18,\n                fontWeight: 600,\n              }}\n            >\n              {assetName}\n            </Typography>\n          )}\n          {isLoading ? (\n            <Skeleton width={128} height={21} variant=\"text\" />\n          ) : owner ? (\n            <Typography\n              sx={{\n                fontSize: 14,\n                color: 'text.secondary',\n              }}\n            >\n              {t('main.ownedBy')}{' '}\n              <Link\n                href={owner.url}\n                target=\"_blank\"\n                underline=\"none\"\n                color=\"primary\"\n              >\n                {owner.name}\n              </Link>\n            </Typography>\n          ) : null}\n        </Box>\n      </Box>\n      <Token token={token} isLoading={isLoading} mt={2} />\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAMA,MAAa,WAA+B,EAC1C,UACA,WACA,gBACA,WACA,OACA,YACI;CACJ,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAC,KAAD;EACE,IAAI,EACF,GAAG,GACJ;YAHH,CAKE,qBAAC,KAAD;GACE,IAAI,EACF,SAAS,QACV;aAHH,CAKG,YACC,oBAAC,UAAD;IACE,OAAO;IACP,QAAQ;IACR,SAAQ;IACR,IAAI,EAAE,cAAc,GAAG;IACvB,CAAA,GAEF,oBAAC,eAAD,EAAe,KAAK,UAAY,CAAA,EAElC,qBAAC,KAAD;IACE,IAAI,EACF,IAAI,GACL;cAHH;KAKG,YACC,oBAAC,UAAD;MAAU,OAAO;MAAK,QAAQ;MAAI,SAAQ;MAAS,CAAA,GAEnD,oBAAC,YAAD;MACE,IAAI;OACF,UAAU;OACV,OAAO;OACR;gBAEA;MACU,CAAA;KAEd,YACC,oBAAC,UAAD;MAAU,OAAO;MAAK,QAAQ;MAAI,SAAQ;MAAS,CAAA,GAEnD,oBAAC,YAAD;MACE,IAAI;OACF,UAAU;OACV,YAAY;OACb;gBAEA;MACU,CAAA;KAEd,YACC,oBAAC,UAAD;MAAU,OAAO;MAAK,QAAQ;MAAI,SAAQ;MAAS,CAAA,GACjD,QACF,qBAAC,YAAD;MACE,IAAI;OACF,UAAU;OACV,OAAO;OACR;gBAJH;OAMG,EAAE,eAAe;OAAE;OACpB,oBAAC,MAAD;QACE,MAAM,MAAM;QACZ,QAAO;QACP,WAAU;QACV,OAAM;kBAEL,MAAM;QACF,CAAA;OACI;UACX;KACA;MACF;MACN,oBAAC,OAAD;GAAc;GAAkB;GAAW,IAAI;GAAK,CAAA,CAChD"}

package/dist/esm/components/ContractComponent/NFT/types.d.ts

@@ -1,16 +1,21 @@
-import type { ContractCall, TokenAmount } from '@lifi/sdk';
-export interface NFTBaseProps {
-    imageUrl?: string;
-    collectionName?: string;
-    assetName?: string;
-    isLoading?: boolean;
-    owner?: NFTOwner;
-    token: TokenAmount;
+import { ContractCall, TokenAmount } from "@lifi/sdk";
+
+//#region src/components/ContractComponent/NFT/types.d.ts
+interface NFTBaseProps {
+  imageUrl?: string;
+  collectionName?: string;
+  assetName?: string;
+  isLoading?: boolean;
+  owner?: NFTOwner;
+  token: TokenAmount;
 }
-export interface NFTProps extends NFTBaseProps {
-    contractCall?: ContractCall;
+interface NFTProps extends NFTBaseProps {
+  contractCall?: ContractCall;
 }
-export interface NFTOwner {
-    name?: string;
-    url?: string;
+interface NFTOwner {
+  name?: string;
+  url?: string;
 }
+//#endregion
+export { NFTBaseProps, NFTOwner, NFTProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/components/ContractComponent/NFT/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/types.ts"],"mappings":";;;UAEiB,YAAA;EACf,QAAA;EACA,cAAA;EACA,SAAA;EACA,SAAA;EACA,KAAA,GAAQ,QAAA;EACR,KAAA,EAAO,WAAA;AAAA;AAAA,UAGQ,QAAA,SAAiB,YAAA;EAChC,YAAA,GAAe,YAAA;AAAA;AAAA,UAGA,QAAA;EACf,IAAA;EACA,GAAA;AAAA"}

package/dist/esm/components/Dialog/Dialog.js

@@ -0,0 +1,36 @@
+import { useGetScrollableContainer } from "../../hooks/useScrollableContainer.js";
+import { Dialog } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Dialog/Dialog.tsx
+const modalProps = { sx: {
+	position: "absolute",
+	overflow: "hidden"
+} };
+const slotProps = {
+	paper: { sx: (theme) => ({
+		position: "absolute",
+		backgroundImage: "none",
+		backgroundColor: theme.vars.palette.background.default,
+		borderTopLeftRadius: theme.vars.shape.borderRadius,
+		borderTopRightRadius: theme.vars.shape.borderRadius
+	}) },
+	backdrop: { sx: {
+		position: "absolute",
+		backgroundColor: "rgb(0 0 0 / 32%)",
+		backdropFilter: "blur(3px)"
+	} }
+};
+const Dialog$1 = ({ children, open, onClose }) => {
+	return /* @__PURE__ */ jsx(Dialog, {
+		container: useGetScrollableContainer(),
+		open,
+		onClose,
+		sx: modalProps.sx,
+		slotProps,
+		children
+	});
+};
+//#endregion
+export { Dialog$1 as Dialog, modalProps, slotProps };
+
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":["Dialog","MuiDialog"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import type { DialogProps, Theme } from '@mui/material'\nimport { Dialog as MuiDialog } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js'\n\nexport const modalProps: { sx: { position: string; overflow: string } } = {\n  sx: {\n    position: 'absolute',\n    overflow: 'hidden',\n  },\n}\n\nexport const slotProps: DialogProps['slotProps'] = {\n  paper: {\n    sx: (theme: Theme) => ({\n      position: 'absolute',\n      backgroundImage: 'none',\n      backgroundColor: theme.vars.palette.background.default,\n      borderTopLeftRadius: theme.vars.shape.borderRadius,\n      borderTopRightRadius: theme.vars.shape.borderRadius,\n    }),\n  },\n  backdrop: {\n    sx: {\n      position: 'absolute',\n      backgroundColor: 'rgb(0 0 0 / 32%)',\n      backdropFilter: 'blur(3px)',\n    },\n  },\n}\n\nexport const Dialog: React.FC<PropsWithChildren<DialogProps>> = ({\n  children,\n  open,\n  onClose,\n}) => {\n  const getContainer = useGetScrollableContainer()\n  return (\n    <MuiDialog\n      container={getContainer}\n      open={open}\n      onClose={onClose}\n      sx={modalProps.sx}\n      slotProps={slotProps}\n    >\n      {children}\n    </MuiDialog>\n  )\n}\n"],"mappings":";;;;AAKA,MAAa,aAA6D,EACxE,IAAI;CACF,UAAU;CACV,UAAU;CACX,EACF;AAED,MAAa,YAAsC;CACjD,OAAO,EACL,KAAK,WAAkB;EACrB,UAAU;EACV,iBAAiB;EACjB,iBAAiB,MAAM,KAAK,QAAQ,WAAW;EAC/C,qBAAqB,MAAM,KAAK,MAAM;EACtC,sBAAsB,MAAM,KAAK,MAAM;EACxC,GACF;CACD,UAAU,EACR,IAAI;EACF,UAAU;EACV,iBAAiB;EACjB,gBAAgB;EACjB,EACF;CACF;AAED,MAAaA,YAAoD,EAC/D,UACA,MACA,cACI;AAEJ,QACE,oBAACC,QAAD;EACE,WAHiB,2BAA2B;EAItC;EACG;EACT,IAAI,WAAW;EACJ;EAEV;EACS,CAAA"}

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

@@ -0,0 +1,42 @@
+import { Box, DialogActions, DialogContent, DialogContentText, DialogTitle, styled } from "@mui/material";
+//#region src/components/Dialog/Dialog.style.tsx
+const DialogContainer = styled(Box)(({ theme }) => ({
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "center",
+	gap: theme.spacing(1.5),
+	padding: theme.spacing(4)
+}));
+const DialogTitle$1 = styled(DialogTitle)({
+	padding: 0,
+	fontWeight: 700,
+	fontSize: 18,
+	lineHeight: 1.3334,
+	textAlign: "center"
+});
+const DialogContent$1 = styled(DialogContent)(({ theme }) => ({
+	padding: 0,
+	marginBottom: theme.spacing(2)
+}));
+const DialogActions$1 = styled(DialogActions)(({ theme }) => ({
+	display: "flex",
+	justifyContent: "center",
+	gap: theme.spacing(1.5),
+	width: "100%",
+	padding: 0,
+	"& .MuiButton-root": {
+		flex: 1,
+		margin: 0
+	}
+}));
+const DialogContentText$1 = styled(DialogContentText)(({ theme }) => ({
+	padding: 0,
+	fontSize: 14,
+	fontWeight: 500,
+	lineHeight: 1.3334,
+	color: theme.vars.palette.text.primary
+}));
+//#endregion
+export { DialogActions$1 as DialogActions, DialogContainer, DialogContent$1 as DialogContent, DialogContentText$1 as DialogContentText, DialogTitle$1 as DialogTitle };
+
+//# sourceMappingURL=Dialog.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.style.js","names":["DialogTitle","MuiDialogTitle","DialogContent","MuiDialogContent","DialogActions","MuiDialogActions","DialogContentText","MuiDialogContentText"],"sources":["../../../../src/components/Dialog/Dialog.style.tsx"],"sourcesContent":["import {\n  Box,\n  DialogActions as MuiDialogActions,\n  DialogContent as MuiDialogContent,\n  DialogContentText as MuiDialogContentText,\n  DialogTitle as MuiDialogTitle,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const DialogContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    gap: theme.spacing(1.5),\n    padding: theme.spacing(4),\n  }))\n\nexport const DialogTitle: React.FC<\n  React.ComponentProps<typeof MuiDialogTitle>\n> = styled(MuiDialogTitle)({\n  padding: 0,\n  fontWeight: 700,\n  fontSize: 18,\n  lineHeight: 1.3334,\n  textAlign: 'center',\n})\n\nexport const DialogContent: React.FC<\n  React.ComponentProps<typeof MuiDialogContent>\n> = styled(MuiDialogContent)(({ theme }) => ({\n  padding: 0,\n  marginBottom: theme.spacing(2),\n}))\n\nexport const DialogActions: React.FC<\n  React.ComponentProps<typeof MuiDialogActions>\n> = styled(MuiDialogActions)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  gap: theme.spacing(1.5),\n  width: '100%',\n  padding: 0,\n  '& .MuiButton-root': {\n    flex: 1,\n    margin: 0,\n  },\n}))\n\nexport const DialogContentText: React.FC<\n  React.ComponentProps<typeof MuiDialogContentText>\n> = styled(MuiDialogContentText)(({ theme }) => ({\n  padding: 0,\n  fontSize: 14,\n  fontWeight: 500,\n  lineHeight: 1.3334,\n  color: theme.vars.palette.text.primary,\n}))\n"],"mappings":";;AAUA,MAAa,kBACX,OAAO,IAAI,EAAE,EAAE,aAAa;CAC1B,SAAS;CACT,eAAe;CACf,YAAY;CACZ,KAAK,MAAM,QAAQ,IAAI;CACvB,SAAS,MAAM,QAAQ,EAAE;CAC1B,EAAE;AAEL,MAAaA,gBAET,OAAOC,YAAe,CAAC;CACzB,SAAS;CACT,YAAY;CACZ,UAAU;CACV,YAAY;CACZ,WAAW;CACZ,CAAC;AAEF,MAAaC,kBAET,OAAOC,cAAiB,EAAE,EAAE,aAAa;CAC3C,SAAS;CACT,cAAc,MAAM,QAAQ,EAAE;CAC/B,EAAE;AAEH,MAAaC,kBAET,OAAOC,cAAiB,EAAE,EAAE,aAAa;CAC3C,SAAS;CACT,gBAAgB;CAChB,KAAK,MAAM,QAAQ,IAAI;CACvB,OAAO;CACP,SAAS;CACT,qBAAqB;EACnB,MAAM;EACN,QAAQ;EACT;CACF,EAAE;AAEH,MAAaC,sBAET,OAAOC,kBAAqB,EAAE,EAAE,aAAa;CAC/C,SAAS;CACT,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;CAChC,EAAE"}

package/dist/esm/components/Expansion/Expansion.js

@@ -1,30 +1,32 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useRef, useState } from 'react';
-import { useHasChainExpansion } from '../../hooks/useHasChainExpansion.js';
-import { ExpansionType } from '../../types/widget.js';
-import { ChainsExpanded } from '../Chains/ChainsExpanded.js';
-import { chainExpansionWidth } from '../Chains/ChainsExpanded.style.js';
-import { RoutesExpanded } from '../Routes/RoutesExpanded.js';
-import { routesExpansionWidth } from '../Routes/RoutesExpanded.style.js';
-import { ExpansionContainer } from './Expansion.style.js';
-export function Expansion() {
-    const [withChainExpansion, expansionType] = useHasChainExpansion();
-    const chainExpansionTypeRef = useRef(expansionType);
-    const [routesOpen, setRoutesOpen] = useState(false);
-    // Track the previous chain expansion type to avoid re-renders when transitioning to Routes
-    if (expansionType === ExpansionType.FromChain ||
-        expansionType === ExpansionType.ToChain) {
-        chainExpansionTypeRef.current = expansionType;
-    }
-    const containerWidth = useMemo(() => {
-        return routesOpen
-            ? routesExpansionWidth
-            : withChainExpansion
-                ? chainExpansionWidth
-                : 0;
-    }, [routesOpen, withChainExpansion]);
-    return (_jsxs(ExpansionContainer, { width: containerWidth, children: [_jsx(RoutesExpanded, { canOpen: expansionType === ExpansionType.Routes, setOpenExpansion: setRoutesOpen }), _jsx(ChainsExpanded, { formType: chainExpansionTypeRef.current === ExpansionType.FromChain
-                    ? 'from'
-                    : 'to', open: withChainExpansion })] }));
+import { ExpansionType } from "../../types/widget.js";
+import { useHasChainExpansion } from "../../hooks/useHasChainExpansion.js";
+import { ExpansionContainer } from "./Expansion.style.js";
+import { chainExpansionWidth } from "../Chains/ChainsExpanded.style.js";
+import { ChainsExpanded } from "../Chains/ChainsExpanded.js";
+import { routesExpansionWidth } from "../Routes/RoutesExpanded.style.js";
+import { RoutesExpanded } from "../Routes/RoutesExpanded.js";
+import { useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Expansion/Expansion.tsx
+function Expansion() {
+	const [withChainExpansion, expansionType] = useHasChainExpansion();
+	const chainExpansionTypeRef = useRef(expansionType);
+	const [routesOpen, setRoutesOpen] = useState(false);
+	if (expansionType === ExpansionType.FromChain || expansionType === ExpansionType.ToChain) chainExpansionTypeRef.current = expansionType;
+	return /* @__PURE__ */ jsxs(ExpansionContainer, {
+		width: useMemo(() => {
+			return routesOpen ? routesExpansionWidth : withChainExpansion ? chainExpansionWidth : 0;
+		}, [routesOpen, withChainExpansion]),
+		children: [/* @__PURE__ */ jsx(RoutesExpanded, {
+			canOpen: expansionType === ExpansionType.Routes,
+			setOpenExpansion: setRoutesOpen
+		}), /* @__PURE__ */ jsx(ChainsExpanded, {
+			formType: chainExpansionTypeRef.current === ExpansionType.FromChain ? "from" : "to",
+			open: withChainExpansion
+		})]
+	});
 }
+//#endregion
+export { Expansion };
+
 //# sourceMappingURL=Expansion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Expansion.js","sourceRoot":"","sources":["../../../../src/components/Expansion/Expansion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,UAAU,SAAS;IACvB,MAAM,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG,oBAAoB,EAAE,CAAA;IAClE,MAAM,qBAAqB,GAAG,MAAM,CAAgB,aAAa,CAAC,CAAA;IAClE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,2FAA2F;IAC3F,IACE,aAAa,KAAK,aAAa,CAAC,SAAS;QACzC,aAAa,KAAK,aAAa,CAAC,OAAO,EACvC,CAAC;QACD,qBAAqB,CAAC,OAAO,GAAG,aAAa,CAAA;IAC/C,CAAC;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,UAAU;YACf,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,kBAAkB;gBAClB,CAAC,CAAC,mBAAmB;gBACrB,CAAC,CAAC,CAAC,CAAA;IACT,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,MAAC,kBAAkB,IAAC,KAAK,EAAE,cAAc,aACvC,KAAC,cAAc,IACb,OAAO,EAAE,aAAa,KAAK,aAAa,CAAC,MAAM,EAC/C,gBAAgB,EAAE,aAAa,GAC/B,EACF,KAAC,cAAc,IACb,QAAQ,EACN,qBAAqB,CAAC,OAAO,KAAK,aAAa,CAAC,SAAS;oBACvD,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,IAAI,EAEV,IAAI,EAAE,kBAAkB,GACxB,IACiB,CACtB,CAAA;AACH,CAAC"}
+{"version":3,"file":"Expansion.js","names":[],"sources":["../../../../src/components/Expansion/Expansion.tsx"],"sourcesContent":["import { type JSX, useMemo, useRef, useState } from 'react'\nimport { useHasChainExpansion } from '../../hooks/useHasChainExpansion.js'\nimport { ExpansionType } from '../../types/widget.js'\nimport { ChainsExpanded } from '../Chains/ChainsExpanded.js'\nimport { chainExpansionWidth } from '../Chains/ChainsExpanded.style.js'\nimport { RoutesExpanded } from '../Routes/RoutesExpanded.js'\nimport { routesExpansionWidth } from '../Routes/RoutesExpanded.style.js'\nimport { ExpansionContainer } from './Expansion.style.js'\n\nexport function Expansion(): JSX.Element {\n  const [withChainExpansion, expansionType] = useHasChainExpansion()\n  const chainExpansionTypeRef = useRef<ExpansionType>(expansionType)\n  const [routesOpen, setRoutesOpen] = useState(false)\n\n  // Track the previous chain expansion type to avoid re-renders when transitioning to Routes\n  if (\n    expansionType === ExpansionType.FromChain ||\n    expansionType === ExpansionType.ToChain\n  ) {\n    chainExpansionTypeRef.current = expansionType\n  }\n\n  const containerWidth = useMemo(() => {\n    return routesOpen\n      ? routesExpansionWidth\n      : withChainExpansion\n        ? chainExpansionWidth\n        : 0\n  }, [routesOpen, withChainExpansion])\n\n  return (\n    <ExpansionContainer width={containerWidth}>\n      <RoutesExpanded\n        canOpen={expansionType === ExpansionType.Routes}\n        setOpenExpansion={setRoutesOpen}\n      />\n      <ChainsExpanded\n        formType={\n          chainExpansionTypeRef.current === ExpansionType.FromChain\n            ? 'from'\n            : 'to'\n        }\n        open={withChainExpansion}\n      />\n    </ExpansionContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,YAAyB;CACvC,MAAM,CAAC,oBAAoB,iBAAiB,sBAAsB;CAClE,MAAM,wBAAwB,OAAsB,cAAc;CAClE,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;AAGnD,KACE,kBAAkB,cAAc,aAChC,kBAAkB,cAAc,QAEhC,uBAAsB,UAAU;AAWlC,QACE,qBAAC,oBAAD;EAAoB,OATC,cAAc;AACnC,UAAO,aACH,uBACA,qBACE,sBACA;KACL,CAAC,YAAY,mBAAmB,CAAC;YAGlC,CACE,oBAAC,gBAAD;GACE,SAAS,kBAAkB,cAAc;GACzC,kBAAkB;GAClB,CAAA,EACF,oBAAC,gBAAD;GACE,UACE,sBAAsB,YAAY,cAAc,YAC5C,SACA;GAEN,MAAM;GACN,CAAA,CACiB"}

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

@@ -1,40 +1,40 @@
-import { Box, styled } from '@mui/material';
-export const animationDuration = 225;
-export const defaultStyle = {
-    opacity: 0,
-    whiteSpace: 'nowrap',
-    transform: 'translateX(-100%)',
-    display: 'inline-block',
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    transition: `opacity ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1), transform ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`,
+import { Box, styled } from "@mui/material";
+const defaultStyle = {
+	opacity: 0,
+	whiteSpace: "nowrap",
+	transform: "translateX(-100%)",
+	display: "inline-block",
+	position: "absolute",
+	top: 0,
+	left: 0,
+	transition: `opacity 225ms cubic-bezier(0.4, 0, 0.2, 1), transform 225ms cubic-bezier(0.4, 0, 0.2, 1)`
 };
-export const transitionStyles = {
-    entering: {
-        opacity: 1,
-        transform: 'translateX(0)',
-    },
-    entered: {
-        opacity: 1,
-        transform: 'translateX(0)',
-    },
-    exiting: {
-        opacity: 0,
-        transform: 'translateX(-100%)',
-    },
-    exited: {
-        opacity: 0,
-        transform: 'translateX(-100%)',
-    },
+const transitionStyles = {
+	entering: {
+		opacity: 1,
+		transform: "translateX(0)"
+	},
+	entered: {
+		opacity: 1,
+		transform: "translateX(0)"
+	},
+	exiting: {
+		opacity: 0,
+		transform: "translateX(-100%)"
+	},
+	exited: {
+		opacity: 0,
+		transform: "translateX(-100%)"
+	}
 };
-export const ExpansionContainer = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'width',
-})(({ width }) => ({
-    position: 'relative',
-    display: 'flex',
-    transition: `width ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`,
-    width: width,
-    marginLeft: width ? '24px' : 0,
+const ExpansionContainer = styled(Box, { shouldForwardProp: (prop) => prop !== "width" })(({ width }) => ({
+	position: "relative",
+	display: "flex",
+	transition: `width 225ms cubic-bezier(0.4, 0, 0.2, 1)`,
+	width,
+	marginLeft: width ? "24px" : 0
 }));
+//#endregion
+export { ExpansionContainer, defaultStyle, transitionStyles };
+
 //# sourceMappingURL=Expansion.style.js.map