@lifi/widget 4.6.0 → 4.7.1

package/dist/esm/components/FeeBreakdownTooltip.d.ts

@@ -7,7 +7,6 @@ interface FeeBreakdownTooltipProps {
   gasless?: boolean;
   children: ReactElement<any, any>;
 }
-declare const FeeBreakdownTooltip: React.FC<FeeBreakdownTooltipProps>;
+export declare const FeeBreakdownTooltip: React.FC<FeeBreakdownTooltipProps>;
 //#endregion
-export { FeeBreakdownTooltip };
 //# sourceMappingURL=FeeBreakdownTooltip.d.ts.map

package/dist/esm/components/FeeBreakdownTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeeBreakdownTooltip.d.ts","names":[],"sources":["../../../src/components/FeeBreakdownTooltip.tsx"],"mappings":";;;UAOU;EACR,WAAW;EACX,WAAW;EACX;EACA,UAAU;;cAGC,qBAAqB,MAAM,GAAG"}
+{"version":3,"file":"FeeBreakdownTooltip.d.ts","names":[],"sources":["../../../src/components/FeeBreakdownTooltip.tsx"],"mappings":";;;UAOU;EACR,WAAW;EACX,WAAW;EACX;EACA,UAAU;;qBAGC,qBAAqB,MAAM,GAAG"}

package/dist/esm/components/IconCircle/IconCircle.d.ts

@@ -5,7 +5,6 @@ interface IconCircleProps extends Omit<BoxProps, "color"> {
   status: StatusIcon;
   size?: number;
 }
-declare const IconCircle: React.FC<IconCircleProps>;
+export declare const IconCircle: React.FC<IconCircleProps>;
 //#endregion
-export { IconCircle };
 //# sourceMappingURL=IconCircle.d.ts.map

package/dist/esm/components/IconCircle/IconCircle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconCircle.d.ts","names":[],"sources":["../../../../src/components/IconCircle/IconCircle.tsx"],"mappings":";;;UASU,wBAAwB,KAAK;EACrC,QAAQ;EACR;;cAGW,YAAY,MAAM,GAAG"}
+{"version":3,"file":"IconCircle.d.ts","names":[],"sources":["../../../../src/components/IconCircle/IconCircle.tsx"],"mappings":";;;UASU,wBAAwB,KAAK;EACrC,QAAQ;EACR;;qBAGW,YAAY,MAAM,GAAG"}

package/dist/esm/components/IconCircle/statusIcons.d.ts

@@ -1,6 +1,5 @@
 import "@mui/material";
 //#region src/components/IconCircle/statusIcons.d.ts
-type StatusIcon = "success" | "error" | "warning" | "info";
+export type StatusIcon = "success" | "error" | "warning" | "info";
 //#endregion
-export { StatusIcon };
 //# sourceMappingURL=statusIcons.d.ts.map

package/dist/esm/components/IconCircle/statusIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"statusIcons.d.ts","names":[],"sources":["../../../../src/components/IconCircle/statusIcons.ts"],"mappings":";;KAMY"}
+{"version":3,"file":"statusIcons.d.ts","names":[],"sources":["../../../../src/components/IconCircle/statusIcons.ts"],"mappings":";;YAMY"}

package/dist/esm/components/IconTypography.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 import { BoxProps } from "@mui/material";
 //#region src/components/IconTypography.d.ts
-declare const IconTypography: React.FC<BoxProps>;
+export declare const IconTypography: React.FC<BoxProps>;
 //#endregion
-export { IconTypography };
 //# sourceMappingURL=IconTypography.d.ts.map

package/dist/esm/components/IconTypography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconTypography.d.ts","names":[],"sources":["../../../src/components/IconTypography.ts"],"mappings":";;;cAIa,gBAAgB,MAAM,GAAG"}
+{"version":3,"file":"IconTypography.d.ts","names":[],"sources":["../../../src/components/IconTypography.ts"],"mappings":";;;qBAIa,gBAAgB,MAAM,GAAG"}

package/dist/esm/components/ListItem/ListItemButton.d.ts

@@ -1,7 +1,6 @@
 import { ListItemButton as ListItemButton$1 } from "../ListItemButton.js";
 import React from "react";
 //#region src/components/ListItem/ListItemButton.d.ts
-declare const ListItemButton: React.FC<React.ComponentProps<typeof ListItemButton$1>>;
+export declare const ListItemButton: React.FC<React.ComponentProps<typeof ListItemButton$1>>;
 //#endregion
-export { ListItemButton };
 //# sourceMappingURL=ListItemButton.d.ts.map

package/dist/esm/components/ListItem/ListItemButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemButton.d.ts","names":[],"sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"mappings":";;;cAIa,gBAAgB,MAAM,GACjC,MAAM,sBAAsB"}
+{"version":3,"file":"ListItemButton.d.ts","names":[],"sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"mappings":";;;qBAIa,gBAAgB,MAAM,GACjC,MAAM,sBAAsB"}

package/dist/esm/components/Messages/WarningMessages.d.ts

@@ -5,7 +5,6 @@ type WarningMessagesProps = BoxProps & {
   route?: Route;
   allowInteraction?: boolean;
 };
-declare const WarningMessages: React.FC<WarningMessagesProps>;
+export declare const WarningMessages: React.FC<WarningMessagesProps>;
 //#endregion
-export { WarningMessages };
 //# sourceMappingURL=WarningMessages.d.ts.map

package/dist/esm/components/Messages/WarningMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WarningMessages.d.ts","names":[],"sources":["../../../../src/components/Messages/WarningMessages.tsx"],"mappings":";;;KAYK,uBAAuB;EAC1B,QAAQ;EACR;;cAGW,iBAAiB,MAAM,GAAG"}
+{"version":3,"file":"WarningMessages.d.ts","names":[],"sources":["../../../../src/components/Messages/WarningMessages.tsx"],"mappings":";;;KAYK,uBAAuB;EAC1B,QAAQ;EACR;;qBAGW,iBAAiB,MAAM,GAAG"}

package/dist/esm/components/PageContainer.d.ts

@@ -1,12 +1,11 @@
 import React from "react";
 import { Container, ContainerProps } from "@mui/material";
 //#region src/components/PageContainer.d.ts
-interface PageContainerProps extends ContainerProps {
+export interface PageContainerProps extends ContainerProps {
   halfGutters?: boolean;
   topGutters?: boolean;
   bottomGutters?: boolean;
 }
-declare const PageContainer: React.FC<React.ComponentProps<typeof Container> & PageContainerProps>;
+export declare const PageContainer: React.FC<React.ComponentProps<typeof Container> & PageContainerProps>;
 //#endregion
-export { PageContainer, PageContainerProps };
 //# sourceMappingURL=PageContainer.d.ts.map

package/dist/esm/components/PageContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.d.ts","names":[],"sources":["../../../src/components/PageContainer.ts"],"mappings":";;;UAIiB,2BAA2B;EAC1C;EACA;EACA;;cAGW,eAAe,MAAM,GAChC,MAAM,sBAAsB,aAAa"}
+{"version":3,"file":"PageContainer.d.ts","names":[],"sources":["../../../src/components/PageContainer.ts"],"mappings":";;;iBAIiB,2BAA2B;EAC1C;EACA;EACA;;qBAGW,eAAe,MAAM,GAChC,MAAM,sBAAsB,aAAa"}

package/dist/esm/components/PoweredBy/PoweredBy.d.ts

@@ -1,5 +1,4 @@
 //#region src/components/PoweredBy/PoweredBy.d.ts
-declare const PoweredBy: React.FC;
+export declare const PoweredBy: React.FC;
 //#endregion
-export { PoweredBy };
 //# sourceMappingURL=PoweredBy.d.ts.map

package/dist/esm/components/PoweredBy/PoweredBy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PoweredBy.d.ts","names":[],"sources":["../../../../src/components/PoweredBy/PoweredBy.tsx"],"mappings":";cAgBa,WAAW,MAAM"}
+{"version":3,"file":"PoweredBy.d.ts","names":[],"sources":["../../../../src/components/PoweredBy/PoweredBy.tsx"],"mappings":";qBAgBa,WAAW,MAAM"}

package/dist/esm/components/ProgressToNextUpdate.d.ts

@@ -1,10 +1,9 @@
 import { IconButtonProps } from "@mui/material";
 //#region src/components/ProgressToNextUpdate.d.ts
-declare const ProgressToNextUpdate: React.FC<{
+export declare const ProgressToNextUpdate: React.FC<{
   updatedAt: number;
   timeToUpdate: number;
   isLoading?: boolean;
 } & IconButtonProps>;
 //#endregion
-export { ProgressToNextUpdate };
 //# sourceMappingURL=ProgressToNextUpdate.d.ts.map

package/dist/esm/components/ProgressToNextUpdate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressToNextUpdate.d.ts","names":[],"sources":["../../../src/components/ProgressToNextUpdate.tsx"],"mappings":";;cAWa,sBAAsB,MAAM;EAErC;EACA;EACA;IACE"}
+{"version":3,"file":"ProgressToNextUpdate.d.ts","names":[],"sources":["../../../src/components/ProgressToNextUpdate.tsx"],"mappings":";;qBAWa,sBAAsB,MAAM;EAErC;EACA;EACA;IACE"}

package/dist/esm/components/RouteCard/RouteCard.d.ts

@@ -1,7 +1,6 @@
 import { CardProps } from "../Card/Card.js";
 import { RouteCardProps } from "./types.js";
 //#region src/components/RouteCard/RouteCard.d.ts
-declare const RouteCard: React.FC<RouteCardProps & Omit<CardProps, "variant">>;
+export declare const RouteCard: React.FC<RouteCardProps & Omit<CardProps, "variant">>;
 //#endregion
-export { RouteCard };
 //# sourceMappingURL=RouteCard.d.ts.map

package/dist/esm/components/RouteCard/RouteCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteCard.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteCard.tsx"],"mappings":";;;cAca,WAAW,MAAM,GAC5B,iBAAiB,KAAK"}
+{"version":3,"file":"RouteCard.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteCard.tsx"],"mappings":";;;qBAca,WAAW,MAAM,GAC5B,iBAAiB,KAAK"}

package/dist/esm/components/RouteCard/RouteCardSkeleton.d.ts

@@ -1,7 +1,6 @@
 import { CardProps } from "../Card/Card.js";
 import { RouteCardSkeletonProps } from "./types.js";
 //#region src/components/RouteCard/RouteCardSkeleton.d.ts
-declare const RouteCardSkeleton: React.FC<RouteCardSkeletonProps & Omit<CardProps, "variant">>;
+export declare const RouteCardSkeleton: React.FC<RouteCardSkeletonProps & Omit<CardProps, "variant">>;
 //#endregion
-export { RouteCardSkeleton };
 //# sourceMappingURL=RouteCardSkeleton.d.ts.map

package/dist/esm/components/RouteCard/RouteCardSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteCardSkeleton.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteCardSkeleton.tsx"],"mappings":";;;cAOa,mBAAmB,MAAM,GACpC,yBAAyB,KAAK"}
+{"version":3,"file":"RouteCardSkeleton.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteCardSkeleton.tsx"],"mappings":";;;qBAOa,mBAAmB,MAAM,GACpC,yBAAyB,KAAK"}

package/dist/esm/components/RouteCard/RouteDetails.d.ts

@@ -4,7 +4,6 @@ import { JSX } from "react";
 interface RouteDetailsProps {
   route: RouteExtended;
 }
-declare const RouteDetails: ({ route }: RouteDetailsProps) => JSX.Element;
+export declare const RouteDetails: ({ route }: RouteDetailsProps) => JSX.Element;
 //#endregion
-export { RouteDetails };
 //# sourceMappingURL=RouteDetails.d.ts.map

package/dist/esm/components/RouteCard/RouteDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteDetails.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.tsx"],"mappings":";;;UAyBU;EACR,OAAO;;cAGI,iBAAkB,SAAS,sBAAoB,IAAI"}
+{"version":3,"file":"RouteDetails.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.tsx"],"mappings":";;;UAyBU;EACR,OAAO;;qBAGI,iBAAkB,SAAS,sBAAoB,IAAI"}

package/dist/esm/components/RouteCard/RouteDetails.style.d.ts

@@ -2,11 +2,10 @@ import React from "react";
 import { Box, Typography } from "@mui/material";
 import InfoOutlined from "@mui/icons-material/InfoOutlined";
 //#region src/components/RouteCard/RouteDetails.style.d.ts
-declare const DetailRow: React.FC<React.ComponentProps<typeof Box>>;
-declare const DetailLabelContainer: React.FC<React.ComponentProps<typeof Box>>;
-declare const DetailLabel: React.FC<React.ComponentProps<typeof Typography>>;
-declare const DetailValue: React.FC<React.ComponentProps<typeof Typography>>;
-declare const DetailInfoIcon: React.FC<React.ComponentProps<typeof InfoOutlined>>;
+export declare const DetailRow: React.FC<React.ComponentProps<typeof Box>>;
+export declare const DetailLabelContainer: React.FC<React.ComponentProps<typeof Box>>;
+export declare const DetailLabel: React.FC<React.ComponentProps<typeof Typography>>;
+export declare const DetailValue: React.FC<React.ComponentProps<typeof Typography>>;
+export declare const DetailInfoIcon: React.FC<React.ComponentProps<typeof InfoOutlined>>;
 //#endregion
-export { DetailInfoIcon, DetailLabel, DetailLabelContainer, DetailRow, DetailValue };
 //# sourceMappingURL=RouteDetails.style.d.ts.map

package/dist/esm/components/RouteCard/RouteDetails.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteDetails.style.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.style.tsx"],"mappings":";;;;cAIa,WAAW,MAAM,GAAG,MAAM,sBAAsB;cAShD,sBAAsB,MAAM,GAAG,MAAM,sBAAsB;cAO3D,aAAa,MAAM,GAAG,MAAM,sBAAsB;cAQlD,aAAa,MAAM,GAAG,MAAM,sBAAsB;cAQlD,gBAAgB,MAAM,GACjC,MAAM,sBAAsB"}
+{"version":3,"file":"RouteDetails.style.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.style.tsx"],"mappings":";;;;qBAIa,WAAW,MAAM,GAAG,MAAM,sBAAsB;qBAShD,sBAAsB,MAAM,GAAG,MAAM,sBAAsB;qBAO3D,aAAa,MAAM,GAAG,MAAM,sBAAsB;qBAQlD,aAAa,MAAM,GAAG,MAAM,sBAAsB;qBAQlD,gBAAgB,MAAM,GACjC,MAAM,sBAAsB"}

package/dist/esm/components/RouteCard/RouteNotFoundCard.d.ts

@@ -1,5 +1,4 @@
 //#region src/components/RouteCard/RouteNotFoundCard.d.ts
-declare const RouteNotFoundCard: React.FC;
+export declare const RouteNotFoundCard: React.FC;
 //#endregion
-export { RouteNotFoundCard };
 //# sourceMappingURL=RouteNotFoundCard.d.ts.map

package/dist/esm/components/RouteCard/RouteNotFoundCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteNotFoundCard.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteNotFoundCard.tsx"],"mappings":";cAIa,mBAAmB,MAAM"}
+{"version":3,"file":"RouteNotFoundCard.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteNotFoundCard.tsx"],"mappings":";qBAIa,mBAAmB,MAAM"}

package/dist/esm/components/RouteCard/RouteTokens.d.ts

@@ -1,11 +1,10 @@
 import { RouteExtended } from "@lifi/sdk";
 //#region src/components/RouteCard/RouteTokens.d.ts
-declare const RouteTokens: React.FC<{
+export declare const RouteTokens: React.FC<{
   route: RouteExtended;
   showEssentials?: boolean;
   defaultExpanded?: boolean;
   fromSlot?: React.ReactNode;
 }>;
 //#endregion
-export { RouteTokens };
 //# sourceMappingURL=RouteTokens.d.ts.map

package/dist/esm/components/RouteCard/RouteTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteTokens.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteTokens.tsx"],"mappings":";;cAOa,aAAa,MAAM;EAC9B,OAAO;EACP;EACA;EACA,WAAW,MAAM"}
+{"version":3,"file":"RouteTokens.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteTokens.tsx"],"mappings":";;qBAOa,aAAa,MAAM;EAC9B,OAAO;EACP;EACA;EACA,WAAW,MAAM"}

package/dist/esm/components/RouteCard/types.d.ts

@@ -1,14 +1,13 @@
 import { Route, RouteExtended } from "@lifi/sdk";
 //#region src/components/RouteCard/types.d.ts
-interface RouteCardProps {
+export interface RouteCardProps {
   route: Route;
   variant?: "default" | "cardless";
   active?: boolean;
   expanded?: boolean;
 }
-interface RouteCardSkeletonProps {
+export interface RouteCardSkeletonProps {
   variant?: "default" | "cardless";
 }
 //#endregion
-export { RouteCardProps, RouteCardSkeletonProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/components/RouteCard/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/RouteCard/types.ts"],"mappings":";;UAEiB;EACf,OAAO;EACP;EACA;EACA;;UAOe;EACf"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/RouteCard/types.ts"],"mappings":";;iBAEiB;EACf,OAAO;EACP;EACA;EACA;;iBAOe;EACf"}

package/dist/esm/components/Search/SearchInput.d.ts

@@ -11,7 +11,6 @@ interface SearchInputProps {
   autoFocus?: boolean;
   size?: "small" | "medium";
 }
-declare const SearchInput: ({ inputRef, name, placeholder, onChange, onBlur, onClear, value, autoFocus, size }: SearchInputProps) => JSX.Element;
+export declare const SearchInput: ({ inputRef, name, placeholder, onChange, onBlur, onClear, value, autoFocus, size }: SearchInputProps) => JSX.Element;
 //#endregion
-export { SearchInput };
 //# sourceMappingURL=SearchInput.d.ts.map

package/dist/esm/components/Search/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","names":[],"sources":["../../../../src/components/Search/SearchInput.tsx"],"mappings":";;UAYU;EACR,WAAW,UAAU;EACrB;EACA;EACA;EACA,WAAW,mBAAmB;EAC9B,SAAS,kBAAkB;EAC3B;EACA;EACA;;cAGW,gBACX,UACA,MACA,aACA,UACA,QACA,SACA,OACA,WACA,QACC,qBAAmB,IAAI"}
+{"version":3,"file":"SearchInput.d.ts","names":[],"sources":["../../../../src/components/Search/SearchInput.tsx"],"mappings":";;UAYU;EACR,WAAW,UAAU;EACrB;EACA;EACA;EACA,WAAW,mBAAmB;EAC9B,SAAS,kBAAkB;EAC3B;EACA;EACA;;qBAGW,gBACX,UACA,MACA,aACA,UACA,QACA,SACA,OACA,WACA,QACC,qBAAmB,IAAI"}

package/dist/esm/components/SendToWallet/SendToWalletButton.d.ts

@@ -1,10 +1,9 @@
 import { CardProps } from "../Card/Card.js";
 //#region src/components/SendToWallet/SendToWalletButton.d.ts
-declare const SendToWalletButton: React.FC<CardProps & {
+export declare const SendToWalletButton: React.FC<CardProps & {
   onEditAddress?: (() => void) | null;
   onClearAddress?: () => void;
   requireAddress?: boolean;
 }>;
 //#endregion
-export { SendToWalletButton };
 //# sourceMappingURL=SendToWalletButton.d.ts.map

package/dist/esm/components/SendToWallet/SendToWalletButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SendToWalletButton.d.ts","names":[],"sources":["../../../../src/components/SendToWallet/SendToWalletButton.tsx"],"mappings":";;cA6Ba,oBAAoB,MAAM,GACrC;EACE;EACA;EAIA"}
+{"version":3,"file":"SendToWalletButton.d.ts","names":[],"sources":["../../../../src/components/SendToWallet/SendToWalletButton.tsx"],"mappings":";;qBA6Ba,oBAAoB,MAAM,GACrC;EACE;EACA;EAIA"}

package/dist/esm/components/Skeleton/WidgetSkeleton.d.ts

@@ -1,7 +1,6 @@
 import { WidgetConfigPartialProps } from "../../types/widget.js";
 import { JSX } from "react";
 //#region src/components/Skeleton/WidgetSkeleton.d.ts
-declare const WidgetSkeleton: ({ config }: WidgetConfigPartialProps) => JSX.Element;
+export declare const WidgetSkeleton: ({ config }: WidgetConfigPartialProps) => JSX.Element;
 //#endregion
-export { WidgetSkeleton };
 //# sourceMappingURL=WidgetSkeleton.d.ts.map

package/dist/esm/components/Skeleton/WidgetSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetSkeleton.d.ts","names":[],"sources":["../../../../src/components/Skeleton/WidgetSkeleton.tsx"],"mappings":";;;cAkEa,mBACX,UACC,6BAA2B,IAAI"}
+{"version":3,"file":"WidgetSkeleton.d.ts","names":[],"sources":["../../../../src/components/Skeleton/WidgetSkeleton.tsx"],"mappings":";;;qBAkEa,mBACX,UACC,6BAA2B,IAAI"}

package/dist/esm/components/StepActions/SentToWalletRow.d.ts

@@ -3,7 +3,6 @@ interface SentToWalletRowProps {
   toAddress: string;
   toChainId: number;
 }
-declare const SentToWalletRow: React.FC<SentToWalletRowProps>;
+export declare const SentToWalletRow: React.FC<SentToWalletRowProps>;
 //#endregion
-export { SentToWalletRow };
 //# sourceMappingURL=SentToWalletRow.d.ts.map

package/dist/esm/components/StepActions/SentToWalletRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SentToWalletRow.d.ts","names":[],"sources":["../../../../src/components/StepActions/SentToWalletRow.tsx"],"mappings":";UAWU;EACR;EACA;;cAGW,iBAAiB,MAAM,GAAG"}
+{"version":3,"file":"SentToWalletRow.d.ts","names":[],"sources":["../../../../src/components/StepActions/SentToWalletRow.tsx"],"mappings":";UAWU;EACR;EACA;;qBAGW,iBAAiB,MAAM,GAAG"}

package/dist/esm/components/StepActions/StepActionRow.style.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 import { Link } from "@mui/material";
 //#region src/components/StepActions/StepActionRow.style.d.ts
-declare const ExternalLink: React.FC<React.ComponentProps<typeof Link>>;
+export declare const ExternalLink: React.FC<React.ComponentProps<typeof Link>>;
 //#endregion
-export { ExternalLink };
 //# sourceMappingURL=StepActionRow.style.d.ts.map

package/dist/esm/components/StepActions/StepActionRow.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepActionRow.style.d.ts","names":[],"sources":["../../../../src/components/StepActions/StepActionRow.style.tsx"],"mappings":";;;cAGa,cAAc,MAAM,GAAG,MAAM,sBAAsB"}
+{"version":3,"file":"StepActionRow.style.d.ts","names":[],"sources":["../../../../src/components/StepActions/StepActionRow.style.tsx"],"mappings":";;;qBAGa,cAAc,MAAM,GAAG,MAAM,sBAAsB"}

package/dist/esm/components/StepActions/StepActionsList.d.ts

@@ -6,7 +6,6 @@ interface StepActionsListProps {
   toAddress?: string;
 }
 /** Non-animated list of completed execution step rows (transaction details view). */
-declare const StepActionsList: React.FC<StepActionsListProps>;
+export declare const StepActionsList: React.FC<StepActionsListProps>;
 //#endregion
-export { StepActionsList };
 //# sourceMappingURL=StepActionsList.d.ts.map

package/dist/esm/components/StepActions/StepActionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepActionsList.d.ts","names":[],"sources":["../../../../src/components/StepActions/StepActionsList.tsx"],"mappings":";;;UAMU;EACR,OAAO;EACP;;;cAIW,iBAAiB,MAAM,GAAG"}
+{"version":3,"file":"StepActionsList.d.ts","names":[],"sources":["../../../../src/components/StepActions/StepActionsList.tsx"],"mappings":";;;UAMU;EACR,OAAO;EACP;;;qBAIW,iBAAiB,MAAM,GAAG"}

package/dist/esm/components/StepActions/executionRows.d.ts

@@ -5,7 +5,7 @@ import { ReactNode } from "react";
  * A row in an execution list: either a completed/failed action with an explorer
  * link, or the recipient wallet row appended when a route has a `toAddress`.
  */
-type ExecutionRow = {
+export type ExecutionRow = {
   kind: "action";
   step: LiFiStepExtended;
   action: ExecutionAction;
@@ -20,7 +20,6 @@ type ExecutionRow = {
  * transaction link, plus a wallet row when `toAddress` is set. Shared by the
  * static step lists and the animated checklist.
  */
-declare function useExecutionRows(route: RouteExtended, toAddress?: string): ExecutionRow[];
+export declare function useExecutionRows(route: RouteExtended, toAddress?: string): ExecutionRow[];
 //#endregion
-export { ExecutionRow, useExecutionRows };
 //# sourceMappingURL=executionRows.d.ts.map

package/dist/esm/components/StepActions/executionRows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"executionRows.d.ts","names":[],"sources":["../../../../src/components/StepActions/executionRows.tsx"],"mappings":";;;;;;;KAgBY;EAEN;EACA,MAAM;EACN,QAAQ;EACR;;EAEA;EAAgB;EAAmB;;;;;;;iBAOzB,iBACd,OAAO,eACP,qBACC"}
+{"version":3,"file":"executionRows.d.ts","names":[],"sources":["../../../../src/components/StepActions/executionRows.tsx"],"mappings":";;;;;;;YAgBY;EAEN;EACA,MAAM;EACN,QAAQ;EACR;;EAEA;EAAgB;EAAmB;;;;;;;wBAOzB,iBACd,OAAO,eACP,qBACC"}

package/dist/esm/components/Token/Token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Token.d.ts","names":[],"sources":["../../../../src/components/Token/Token.tsx"],"mappings":";;;;UAeU;EACR,OAAO;EACP,cAAc;EACd;EACA,OAAO;EACP;EACA;EACA;;cAGW,SAAO,GAAG,aAAa"}
+{"version":3,"file":"Token.d.ts","names":[],"sources":["../../../../src/components/Token/Token.tsx"],"mappings":";;;;UAgBU;EACR,OAAO;EACP,cAAc;EACd;EACA,OAAO;EACP;EACA;EACA;;cAGW,SAAO,GAAG,aAAa"}

package/dist/esm/components/Token/Token.js

@@ -1,4 +1,5 @@
 import { formatTokenAmount, formatTokenPrice } from "../../utils/format.js";
+import { mergeFallbackToken } from "../../utils/token.js";
 import { useChain } from "../../hooks/useChain.js";
 import { useToken } from "../../hooks/useToken.js";
 import { getPriceImpact } from "../../utils/getPriceImpact.js";
@@ -24,10 +25,7 @@ const Token = ({ token, ...other }) => {
 const TokenFallback = ({ token, isLoading, ...other }) => {
 	const { token: chainToken, isLoading: isLoadingToken } = useToken(token.chainId, token.address);
 	return /* @__PURE__ */ jsx(TokenBase, {
-		token: {
-			...token,
-			...chainToken
-		},
+		token: mergeFallbackToken(token, chainToken),
 		isLoading: isLoading || isLoadingToken,
 		...other
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"Token.js","names":[],"sources":["../../../../src/components/Token/Token.tsx"],"sourcesContent":["import type { LiFiStep, TokenAmount } from '@lifi/sdk'\nimport type { BoxProps } from '@mui/material'\nimport { Box, Grow, Skeleton, Tooltip } from '@mui/material'\nimport type { FC, PropsWithChildren, ReactElement } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useToken } from '../../hooks/useToken.js'\nimport { formatTokenAmount, formatTokenPrice } from '../../utils/format.js'\nimport { getPriceImpact } from '../../utils/getPriceImpact.js'\nimport { AvatarBadgedSkeleton } from '../Avatar/Avatar.js'\nimport { SmallAvatar } from '../Avatar/SmallAvatar.js'\nimport { TokenAvatar } from '../Avatar/TokenAvatar.js'\nimport { TextFitter } from '../TextFitter/TextFitter.js'\nimport { TextSecondary, TextSecondaryContainer } from './Token.style.js'\n\ninterface TokenProps {\n  token: TokenAmount\n  impactToken?: TokenAmount\n  enableImpactTokenTooltip?: boolean\n  step?: LiFiStep\n  stepVisible?: boolean\n  disableDescription?: boolean\n  isLoading?: boolean\n}\n\nexport const Token: FC<TokenProps & BoxProps> = ({ token, ...other }) => {\n  if (!token.priceUSD || !token.logoURI) {\n    return <TokenFallback token={token} {...other} />\n  }\n  return <TokenBase token={token} {...other} />\n}\n\nconst TokenFallback: FC<TokenProps & BoxProps> = ({\n  token,\n  isLoading,\n  ...other\n}) => {\n  const { token: chainToken, isLoading: isLoadingToken } = useToken(\n    token.chainId,\n    token.address\n  )\n\n  return (\n    <TokenBase\n      token={{ ...token, ...chainToken } as TokenAmount}\n      isLoading={isLoading || isLoadingToken}\n      {...other}\n    />\n  )\n}\n\nconst TokenBase: FC<TokenProps & BoxProps> = ({\n  token,\n  impactToken,\n  enableImpactTokenTooltip,\n  step,\n  stepVisible,\n  disableDescription,\n  isLoading,\n  ...other\n}) => {\n  const { t, i18n } = useTranslation()\n  const { chain } = useChain(token?.chainId)\n\n  if (isLoading) {\n    return (\n      <TokenSkeleton\n        token={token}\n        step={step}\n        disableDescription={disableDescription}\n        {...other}\n      />\n    )\n  }\n\n  const tokenAmount = formatTokenAmount(token.amount, token.decimals)\n  const tokenPrice = formatTokenPrice(\n    token.amount,\n    token.priceUSD,\n    token.decimals\n  )\n\n  let priceImpact: number | undefined\n  let priceImpactPercent: number | undefined\n  if (impactToken) {\n    priceImpact = getPriceImpact({\n      fromToken: impactToken,\n      fromAmount: impactToken.amount,\n      toToken: token,\n      toAmount: token.amount,\n    })\n    priceImpactPercent = priceImpact * 100\n  }\n\n  const tokenOnChain = !disableDescription ? (\n    <TextSecondary>\n      {t('main.tokenOnChain', {\n        tokenSymbol: token.symbol,\n        chainName: chain?.name,\n      })}\n    </TextSecondary>\n  ) : null\n\n  return (\n    <Box\n      {...other}\n      sx={[\n        {\n          flex: 1,\n          display: 'flex',\n          alignItems: 'center',\n        },\n        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),\n      ]}\n    >\n      <TokenAvatar\n        token={token}\n        chain={chain}\n        isLoading={isLoading}\n        sx={{ marginRight: 2 }}\n      />\n      <Box\n        sx={{\n          flex: 1,\n        }}\n      >\n        <Box\n          sx={{\n            mb: 0.5,\n            height: 24,\n            display: 'flex',\n            alignItems: 'center',\n          }}\n          title={tokenAmount}\n        >\n          <TextFitter\n            height={30}\n            textStyle={{\n              fontWeight: 700,\n            }}\n          >\n            {t('format.tokenAmount', {\n              value: tokenAmount,\n            })}\n          </TextFitter>\n        </Box>\n        <TextSecondaryContainer>\n          <TextSecondary>\n            {t('format.currency', {\n              value: tokenPrice,\n            })}\n          </TextSecondary>\n          {impactToken ? (\n            <TextSecondary sx={{ px: 0.5 }} dot>\n              &#x2022;\n            </TextSecondary>\n          ) : null}\n          {impactToken ? (\n            enableImpactTokenTooltip ? (\n              <Tooltip title={t('tooltip.priceImpact')} sx={{ cursor: 'help' }}>\n                <TextSecondary>\n                  {t('format.percent', {\n                    value: priceImpact,\n                    usePlusSign: true,\n                  })}\n                </TextSecondary>\n              </Tooltip>\n            ) : (\n              <TextSecondary\n                title={priceImpactPercent?.toLocaleString(i18n.language, {\n                  maximumFractionDigits: 9,\n                })}\n              >\n                {t('format.percent', { value: priceImpact, usePlusSign: true })}\n              </TextSecondary>\n            )\n          ) : null}\n          {!disableDescription ? (\n            <TextSecondary sx={{ px: 0.5 }} dot>\n              &#x2022;\n            </TextSecondary>\n          ) : null}\n          {!disableDescription && step ? (\n            <TokenStep\n              step={step}\n              stepVisible={stepVisible}\n              disableDescription={disableDescription}\n            >\n              {tokenOnChain}\n            </TokenStep>\n          ) : (\n            tokenOnChain\n          )}\n        </TextSecondaryContainer>\n      </Box>\n    </Box>\n  )\n}\n\nconst TokenStep: FC<PropsWithChildren<Partial<TokenProps>>> = ({\n  step,\n  stepVisible,\n  disableDescription,\n  children,\n}) => {\n  return (\n    <Box\n      sx={{\n        flex: 1,\n        position: 'relative',\n        overflow: 'hidden',\n        height: 16,\n      }}\n    >\n      <Grow\n        in={!stepVisible && !disableDescription}\n        style={{\n          position: 'absolute',\n        }}\n        appear={false}\n        timeout={225}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            height: 16,\n          }}\n        >\n          {children as ReactElement}\n        </Box>\n      </Grow>\n      <Grow\n        in={stepVisible}\n        style={{\n          position: 'absolute',\n        }}\n        appear={false}\n        timeout={225}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            height: 16,\n          }}\n        >\n          <Box\n            sx={{\n              mr: 0.75,\n              height: 16,\n            }}\n          >\n            <SmallAvatar\n              src={step?.toolDetails.logoURI}\n              alt={step?.toolDetails.name}\n            >\n              {step?.toolDetails.name[0]}\n            </SmallAvatar>\n          </Box>\n          <TextSecondary>{step?.toolDetails.name}</TextSecondary>\n        </Box>\n      </Grow>\n    </Box>\n  )\n}\n\nexport const TokenSkeleton: FC<Partial<TokenProps> & BoxProps> = ({\n  step,\n  disableDescription,\n  ...other\n}) => {\n  return (\n    <Box\n      {...other}\n      sx={[\n        {\n          flex: 1,\n        },\n        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),\n      ]}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flex: 1,\n          alignItems: 'center',\n        }}\n      >\n        <AvatarBadgedSkeleton sx={{ marginRight: 2 }} />\n        <Box\n          sx={{\n            flex: 1,\n          }}\n        >\n          <Skeleton width={112} height={28} variant=\"text\" />\n          <TextSecondaryContainer>\n            <Skeleton\n              width={48}\n              height={12}\n              variant=\"rounded\"\n              sx={{ marginTop: 0.5 }}\n            />\n            {!step && !disableDescription ? (\n              <Skeleton\n                width={96}\n                height={12}\n                variant=\"rounded\"\n                sx={{ marginTop: 0.5, marginLeft: 1.5 }}\n              />\n            ) : null}\n          </TextSecondaryContainer>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Token.js","names":[],"sources":["../../../../src/components/Token/Token.tsx"],"sourcesContent":["import type { LiFiStep, TokenAmount } from '@lifi/sdk'\nimport type { BoxProps } from '@mui/material'\nimport { Box, Grow, Skeleton, Tooltip } from '@mui/material'\nimport type { FC, PropsWithChildren, ReactElement } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useToken } from '../../hooks/useToken.js'\nimport { formatTokenAmount, formatTokenPrice } from '../../utils/format.js'\nimport { getPriceImpact } from '../../utils/getPriceImpact.js'\nimport { mergeFallbackToken } from '../../utils/token.js'\nimport { AvatarBadgedSkeleton } from '../Avatar/Avatar.js'\nimport { SmallAvatar } from '../Avatar/SmallAvatar.js'\nimport { TokenAvatar } from '../Avatar/TokenAvatar.js'\nimport { TextFitter } from '../TextFitter/TextFitter.js'\nimport { TextSecondary, TextSecondaryContainer } from './Token.style.js'\n\ninterface TokenProps {\n  token: TokenAmount\n  impactToken?: TokenAmount\n  enableImpactTokenTooltip?: boolean\n  step?: LiFiStep\n  stepVisible?: boolean\n  disableDescription?: boolean\n  isLoading?: boolean\n}\n\nexport const Token: FC<TokenProps & BoxProps> = ({ token, ...other }) => {\n  if (!token.priceUSD || !token.logoURI) {\n    return <TokenFallback token={token} {...other} />\n  }\n  return <TokenBase token={token} {...other} />\n}\n\nconst TokenFallback: FC<TokenProps & BoxProps> = ({\n  token,\n  isLoading,\n  ...other\n}) => {\n  const { token: chainToken, isLoading: isLoadingToken } = useToken(\n    token.chainId,\n    token.address\n  )\n\n  return (\n    <TokenBase\n      token={mergeFallbackToken(token, chainToken)}\n      isLoading={isLoading || isLoadingToken}\n      {...other}\n    />\n  )\n}\n\nconst TokenBase: FC<TokenProps & BoxProps> = ({\n  token,\n  impactToken,\n  enableImpactTokenTooltip,\n  step,\n  stepVisible,\n  disableDescription,\n  isLoading,\n  ...other\n}) => {\n  const { t, i18n } = useTranslation()\n  const { chain } = useChain(token?.chainId)\n\n  if (isLoading) {\n    return (\n      <TokenSkeleton\n        token={token}\n        step={step}\n        disableDescription={disableDescription}\n        {...other}\n      />\n    )\n  }\n\n  const tokenAmount = formatTokenAmount(token.amount, token.decimals)\n  const tokenPrice = formatTokenPrice(\n    token.amount,\n    token.priceUSD,\n    token.decimals\n  )\n\n  let priceImpact: number | undefined\n  let priceImpactPercent: number | undefined\n  if (impactToken) {\n    priceImpact = getPriceImpact({\n      fromToken: impactToken,\n      fromAmount: impactToken.amount,\n      toToken: token,\n      toAmount: token.amount,\n    })\n    priceImpactPercent = priceImpact * 100\n  }\n\n  const tokenOnChain = !disableDescription ? (\n    <TextSecondary>\n      {t('main.tokenOnChain', {\n        tokenSymbol: token.symbol,\n        chainName: chain?.name,\n      })}\n    </TextSecondary>\n  ) : null\n\n  return (\n    <Box\n      {...other}\n      sx={[\n        {\n          flex: 1,\n          display: 'flex',\n          alignItems: 'center',\n        },\n        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),\n      ]}\n    >\n      <TokenAvatar\n        token={token}\n        chain={chain}\n        isLoading={isLoading}\n        sx={{ marginRight: 2 }}\n      />\n      <Box\n        sx={{\n          flex: 1,\n        }}\n      >\n        <Box\n          sx={{\n            mb: 0.5,\n            height: 24,\n            display: 'flex',\n            alignItems: 'center',\n          }}\n          title={tokenAmount}\n        >\n          <TextFitter\n            height={30}\n            textStyle={{\n              fontWeight: 700,\n            }}\n          >\n            {t('format.tokenAmount', {\n              value: tokenAmount,\n            })}\n          </TextFitter>\n        </Box>\n        <TextSecondaryContainer>\n          <TextSecondary>\n            {t('format.currency', {\n              value: tokenPrice,\n            })}\n          </TextSecondary>\n          {impactToken ? (\n            <TextSecondary sx={{ px: 0.5 }} dot>\n              &#x2022;\n            </TextSecondary>\n          ) : null}\n          {impactToken ? (\n            enableImpactTokenTooltip ? (\n              <Tooltip title={t('tooltip.priceImpact')} sx={{ cursor: 'help' }}>\n                <TextSecondary>\n                  {t('format.percent', {\n                    value: priceImpact,\n                    usePlusSign: true,\n                  })}\n                </TextSecondary>\n              </Tooltip>\n            ) : (\n              <TextSecondary\n                title={priceImpactPercent?.toLocaleString(i18n.language, {\n                  maximumFractionDigits: 9,\n                })}\n              >\n                {t('format.percent', { value: priceImpact, usePlusSign: true })}\n              </TextSecondary>\n            )\n          ) : null}\n          {!disableDescription ? (\n            <TextSecondary sx={{ px: 0.5 }} dot>\n              &#x2022;\n            </TextSecondary>\n          ) : null}\n          {!disableDescription && step ? (\n            <TokenStep\n              step={step}\n              stepVisible={stepVisible}\n              disableDescription={disableDescription}\n            >\n              {tokenOnChain}\n            </TokenStep>\n          ) : (\n            tokenOnChain\n          )}\n        </TextSecondaryContainer>\n      </Box>\n    </Box>\n  )\n}\n\nconst TokenStep: FC<PropsWithChildren<Partial<TokenProps>>> = ({\n  step,\n  stepVisible,\n  disableDescription,\n  children,\n}) => {\n  return (\n    <Box\n      sx={{\n        flex: 1,\n        position: 'relative',\n        overflow: 'hidden',\n        height: 16,\n      }}\n    >\n      <Grow\n        in={!stepVisible && !disableDescription}\n        style={{\n          position: 'absolute',\n        }}\n        appear={false}\n        timeout={225}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            height: 16,\n          }}\n        >\n          {children as ReactElement}\n        </Box>\n      </Grow>\n      <Grow\n        in={stepVisible}\n        style={{\n          position: 'absolute',\n        }}\n        appear={false}\n        timeout={225}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            height: 16,\n          }}\n        >\n          <Box\n            sx={{\n              mr: 0.75,\n              height: 16,\n            }}\n          >\n            <SmallAvatar\n              src={step?.toolDetails.logoURI}\n              alt={step?.toolDetails.name}\n            >\n              {step?.toolDetails.name[0]}\n            </SmallAvatar>\n          </Box>\n          <TextSecondary>{step?.toolDetails.name}</TextSecondary>\n        </Box>\n      </Grow>\n    </Box>\n  )\n}\n\nexport const TokenSkeleton: FC<Partial<TokenProps> & BoxProps> = ({\n  step,\n  disableDescription,\n  ...other\n}) => {\n  return (\n    <Box\n      {...other}\n      sx={[\n        {\n          flex: 1,\n        },\n        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),\n      ]}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flex: 1,\n          alignItems: 'center',\n        }}\n      >\n        <AvatarBadgedSkeleton sx={{ marginRight: 2 }} />\n        <Box\n          sx={{\n            flex: 1,\n          }}\n        >\n          <Skeleton width={112} height={28} variant=\"text\" />\n          <TextSecondaryContainer>\n            <Skeleton\n              width={48}\n              height={12}\n              variant=\"rounded\"\n              sx={{ marginTop: 0.5 }}\n            />\n            {!step && !disableDescription ? (\n              <Skeleton\n                width={96}\n                height={12}\n                variant=\"rounded\"\n                sx={{ marginTop: 0.5, marginLeft: 1.5 }}\n              />\n            ) : null}\n          </TextSecondaryContainer>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAa,SAAoC,EAAE,OAAO,GAAG,YAAY;CACvE,IAAI,CAAC,MAAM,YAAY,CAAC,MAAM,SAC5B,OAAO,oBAAC,eAAD;EAAsB;EAAO,GAAI;CAAQ,CAAA;CAElD,OAAO,oBAAC,WAAD;EAAkB;EAAO,GAAI;CAAQ,CAAA;AAC9C;AAEA,MAAM,iBAA4C,EAChD,OACA,WACA,GAAG,YACC;CACJ,MAAM,EAAE,OAAO,YAAY,WAAW,mBAAmB,SACvD,MAAM,SACN,MAAM,OACR;CAEA,OACE,oBAAC,WAAD;EACE,OAAO,mBAAmB,OAAO,UAAU;EAC3C,WAAW,aAAa;EACxB,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,aAAwC,EAC5C,OACA,aACA,0BACA,MACA,aACA,oBACA,WACA,GAAG,YACC;CACJ,MAAM,EAAE,GAAG,SAAS,eAAe;CACnC,MAAM,EAAE,UAAU,SAAS,OAAO,OAAO;CAEzC,IAAI,WACF,OACE,oBAAC,eAAD;EACS;EACD;EACc;EACpB,GAAI;CACL,CAAA;CAIL,MAAM,cAAc,kBAAkB,MAAM,QAAQ,MAAM,QAAQ;CAClE,MAAM,aAAa,iBACjB,MAAM,QACN,MAAM,UACN,MAAM,QACR;CAEA,IAAI;CACJ,IAAI;CACJ,IAAI,aAAa;EACf,cAAc,eAAe;GAC3B,WAAW;GACX,YAAY,YAAY;GACxB,SAAS;GACT,UAAU,MAAM;EAClB,CAAC;EACD,qBAAqB,cAAc;CACrC;CAEA,MAAM,eAAe,CAAC,qBACpB,oBAAC,eAAD,EAAA,UACG,EAAE,qBAAqB;EACtB,aAAa,MAAM;EACnB,WAAW,OAAO;CACpB,CAAC,EACY,CAAA,IACb;CAEJ,OACE,qBAAC,KAAD;EACE,GAAI;EACJ,IAAI,CACF;GACE,MAAM;GACN,SAAS;GACT,YAAY;EACd,GACA,GAAI,MAAM,QAAQ,MAAM,EAAE,IAAI,MAAM,KAAK,CAAC,MAAM,EAAE,CACpD;EATF,UAAA,CAWE,oBAAC,aAAD;GACS;GACA;GACI;GACX,IAAI,EAAE,aAAa,EAAE;EACtB,CAAA,GACD,qBAAC,KAAD;GACE,IAAI,EACF,MAAM,EACR;GAHF,UAAA,CAKE,oBAAC,KAAD;IACE,IAAI;KACF,IAAI;KACJ,QAAQ;KACR,SAAS;KACT,YAAY;IACd;IACA,OAAO;IAEP,UAAA,oBAAC,YAAD;KACE,QAAQ;KACR,WAAW,EACT,YAAY,IACd;KAEC,UAAA,EAAE,sBAAsB,EACvB,OAAO,YACT,CAAC;IACS,CAAA;GACT,CAAA,GACL,qBAAC,wBAAD,EAAA,UAAA;IACE,oBAAC,eAAD,EAAA,UACG,EAAE,mBAAmB,EACpB,OAAO,WACT,CAAC,EACY,CAAA;IACd,cACC,oBAAC,eAAD;KAAe,IAAI,EAAE,IAAI,GAAI;KAAG,KAAA;KAAI,UAAA;IAErB,CAAA,IACb;IACH,cACC,2BACE,oBAAC,SAAD;KAAS,OAAO,EAAE,qBAAqB;KAAG,IAAI,EAAE,QAAQ,OAAO;KAC7D,UAAA,oBAAC,eAAD,EAAA,UACG,EAAE,kBAAkB;MACnB,OAAO;MACP,aAAa;KACf,CAAC,EACY,CAAA;IACR,CAAA,IAET,oBAAC,eAAD;KACE,OAAO,oBAAoB,eAAe,KAAK,UAAU,EACvD,uBAAuB,EACzB,CAAC;KAEA,UAAA,EAAE,kBAAkB;MAAE,OAAO;MAAa,aAAa;KAAK,CAAC;IACjD,CAAA,IAEf;IACH,CAAC,qBACA,oBAAC,eAAD;KAAe,IAAI,EAAE,IAAI,GAAI;KAAG,KAAA;KAAI,UAAA;IAErB,CAAA,IACb;IACH,CAAC,sBAAsB,OACtB,oBAAC,WAAD;KACQ;KACO;KACO;KAEnB,UAAA;IACQ,CAAA,IAEX;GAEoB,EAAA,CAAA,CACrB;EACF,CAAA,CAAA;;AAET;AAEA,MAAM,aAAyD,EAC7D,MACA,aACA,oBACA,eACI;CACJ,OACE,qBAAC,KAAD;EACE,IAAI;GACF,MAAM;GACN,UAAU;GACV,UAAU;GACV,QAAQ;EACV;EANF,UAAA,CAQE,oBAAC,MAAD;GACE,IAAI,CAAC,eAAe,CAAC;GACrB,OAAO,EACL,UAAU,WACZ;GACA,QAAQ;GACR,SAAS;GAET,UAAA,oBAAC,KAAD;IACE,IAAI;KACF,SAAS;KACT,YAAY;KACZ,QAAQ;IACV;IAEC;GACE,CAAA;EACD,CAAA,GACN,oBAAC,MAAD;GACE,IAAI;GACJ,OAAO,EACL,UAAU,WACZ;GACA,QAAQ;GACR,SAAS;GAET,UAAA,qBAAC,KAAD;IACE,IAAI;KACF,SAAS;KACT,YAAY;KACZ,QAAQ;IACV;IALF,UAAA,CAOE,oBAAC,KAAD;KACE,IAAI;MACF,IAAI;MACJ,QAAQ;KACV;KAEA,UAAA,oBAAC,aAAD;MACE,KAAK,MAAM,YAAY;MACvB,KAAK,MAAM,YAAY;MAEtB,UAAA,MAAM,YAAY,KAAK;KACb,CAAA;IACV,CAAA,GACL,oBAAC,eAAD,EAAA,UAAgB,MAAM,YAAY,KAAoB,CAAA,CACnD;;EACD,CAAA,CACH;;AAET;AAEA,MAAa,iBAAqD,EAChE,MACA,oBACA,GAAG,YACC;CACJ,OACE,oBAAC,KAAD;EACE,GAAI;EACJ,IAAI,CACF,EACE,MAAM,EACR,GACA,GAAI,MAAM,QAAQ,MAAM,EAAE,IAAI,MAAM,KAAK,CAAC,MAAM,EAAE,CACpD;EAEA,UAAA,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,MAAM;IACN,YAAY;GACd;GALF,UAAA,CAOE,oBAAC,sBAAD,EAAsB,IAAI,EAAE,aAAa,EAAE,EAAI,CAAA,GAC/C,qBAAC,KAAD;IACE,IAAI,EACF,MAAM,EACR;IAHF,UAAA,CAKE,oBAAC,UAAD;KAAU,OAAO;KAAK,QAAQ;KAAI,SAAQ;IAAQ,CAAA,GAClD,qBAAC,wBAAD,EAAA,UAAA,CACE,oBAAC,UAAD;KACE,OAAO;KACP,QAAQ;KACR,SAAQ;KACR,IAAI,EAAE,WAAW,GAAI;IACtB,CAAA,GACA,CAAC,QAAQ,CAAC,qBACT,oBAAC,UAAD;KACE,OAAO;KACP,QAAQ;KACR,SAAQ;KACR,IAAI;MAAE,WAAW;MAAK,YAAY;KAAI;IACvC,CAAA,IACC,IACkB,EAAA,CAAA,CACrB;GACF,CAAA,CAAA;;CACF,CAAA;AAET"}

package/dist/esm/components/TokenList/RecentTokensHeader.js

@@ -0,0 +1,44 @@
+import { FooterText, ToggleButton } from "../AmountInputCard/AmountInputCard.style.js";
+import { Box, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/TokenList/RecentTokensHeader.tsx
+const RecentTokensHeader = ({ atListStart, onClear }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			width: "100%",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			px: 1.5,
+			pt: atListStart ? 0 : 1,
+			pb: 1
+		},
+		children: [/* @__PURE__ */ jsx(Typography, {
+			sx: {
+				fontSize: 14,
+				fontWeight: 600,
+				lineHeight: "16px"
+			},
+			children: t("main.recentSearches")
+		}), onClear ? /* @__PURE__ */ jsx(ToggleButton, {
+			clickable: true,
+			sx: {
+				px: .75,
+				ml: 0,
+				mr: -.75
+			},
+			onClick: (e) => {
+				e.stopPropagation();
+				e.currentTarget.blur();
+				onClear();
+			},
+			children: /* @__PURE__ */ jsx(FooterText, { children: t("button.clear") })
+		}) : null]
+	});
+};
+//#endregion
+export { RecentTokensHeader };
+
+//# sourceMappingURL=RecentTokensHeader.js.map

package/dist/esm/components/TokenList/RecentTokensHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentTokensHeader.js","names":[],"sources":["../../../../src/components/TokenList/RecentTokensHeader.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport {\n  FooterText,\n  ToggleButton,\n} from '../AmountInputCard/AmountInputCard.style.js'\n\ninterface RecentTokensHeaderProps {\n  atListStart: boolean\n  onClear?: () => void\n}\n\nexport const RecentTokensHeader = ({\n  atListStart,\n  onClear,\n}: RecentTokensHeaderProps): JSX.Element => {\n  const { t } = useTranslation()\n\n  return (\n    <Box\n      sx={{\n        // ListItem is a flex container; claim the width for space-between.\n        width: '100%',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        px: 1.5,\n        pt: atListStart ? 0 : 1,\n        pb: 1,\n      }}\n    >\n      <Typography sx={{ fontSize: 14, fontWeight: 600, lineHeight: '16px' }}>\n        {t('main.recentSearches')}\n      </Typography>\n      {onClear ? (\n        <ToggleButton\n          clickable\n          // Right-aligned, so the padding hangs past the right edge instead.\n          sx={{ px: 0.75, ml: 0, mr: -0.75 }}\n          onClick={(e) => {\n            e.stopPropagation()\n            e.currentTarget.blur()\n            onClear()\n          }}\n        >\n          <FooterText>{t('button.clear')}</FooterText>\n        </ToggleButton>\n      ) : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAaA,MAAa,sBAAsB,EACjC,aACA,cAC0C;CAC1C,MAAM,EAAE,MAAM,eAAe;CAE7B,OACE,qBAAC,KAAD;EACE,IAAI;GAEF,OAAO;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,IAAI;GACJ,IAAI,cAAc,IAAI;GACtB,IAAI;EACN;EAVF,UAAA,CAYE,oBAAC,YAAD;GAAY,IAAI;IAAE,UAAU;IAAI,YAAY;IAAK,YAAY;GAAO;GACjE,UAAA,EAAE,qBAAqB;EACd,CAAA,GACX,UACC,oBAAC,cAAD;GACE,WAAA;GAEA,IAAI;IAAE,IAAI;IAAM,IAAI;IAAG,IAAI;GAAM;GACjC,UAAU,MAAM;IACd,EAAE,gBAAgB;IAClB,EAAE,cAAc,KAAK;IACrB,QAAQ;GACV;GAEA,UAAA,oBAAC,YAAD,EAAA,UAAa,EAAE,cAAc,EAAc,CAAA;EAC/B,CAAA,IACZ,IACD;;AAET"}

package/dist/esm/components/TokenList/RecentTokensToggle.js

@@ -0,0 +1,36 @@
+import { FooterText, ToggleButton } from "../AmountInputCard/AmountInputCard.style.js";
+import { Box } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import ExpandLess from "@mui/icons-material/ExpandLess";
+import ExpandMore from "@mui/icons-material/ExpandMore";
+//#region src/components/TokenList/RecentTokensToggle.tsx
+const RecentTokensToggle = ({ expanded, hiddenCount, onToggle }) => {
+	const { t } = useTranslation();
+	const ExpandIcon = expanded ? ExpandLess : ExpandMore;
+	return /* @__PURE__ */ jsx(Box, {
+		sx: {
+			width: "100%",
+			display: "flex",
+			px: 1.5,
+			pt: "1px",
+			pb: "7px"
+		},
+		children: /* @__PURE__ */ jsxs(ToggleButton, {
+			clickable: true,
+			onClick: (e) => {
+				e.stopPropagation();
+				e.currentTarget.blur();
+				onToggle();
+			},
+			children: [/* @__PURE__ */ jsx(FooterText, { children: expanded ? t("button.showLess") : t("button.showMore", { count: hiddenCount }) }), /* @__PURE__ */ jsx(ExpandIcon, { sx: {
+				fontSize: 14,
+				color: "text.secondary"
+			} })]
+		})
+	});
+};
+//#endregion
+export { RecentTokensToggle };
+
+//# sourceMappingURL=RecentTokensToggle.js.map

package/dist/esm/components/TokenList/RecentTokensToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentTokensToggle.js","names":["ExpandLessIcon","ExpandMoreIcon"],"sources":["../../../../src/components/TokenList/RecentTokensToggle.tsx"],"sourcesContent":["import ExpandLessIcon from '@mui/icons-material/ExpandLess'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport { Box } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport {\n  FooterText,\n  ToggleButton,\n} from '../AmountInputCard/AmountInputCard.style.js'\n\ninterface RecentTokensToggleProps {\n  expanded: boolean\n  hiddenCount: number\n  onToggle: () => void\n}\n\nexport const RecentTokensToggle = ({\n  expanded,\n  hiddenCount,\n  onToggle,\n}: RecentTokensToggleProps): JSX.Element => {\n  const { t } = useTranslation()\n  const ExpandIcon = expanded ? ExpandLessIcon : ExpandMoreIcon\n\n  return (\n    // 1 + 18 + 7 fills the reserved 26px: text 8px below the band, 18px above the next header.\n    <Box sx={{ width: '100%', display: 'flex', px: 1.5, pt: '1px', pb: '7px' }}>\n      <ToggleButton\n        clickable\n        onClick={(e) => {\n          e.stopPropagation()\n          e.currentTarget.blur()\n          onToggle()\n        }}\n      >\n        <FooterText>\n          {expanded\n            ? t('button.showLess')\n            : t('button.showMore', { count: hiddenCount })}\n        </FooterText>\n        <ExpandIcon sx={{ fontSize: 14, color: 'text.secondary' }} />\n      </ToggleButton>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAgBA,MAAa,sBAAsB,EACjC,UACA,aACA,eAC0C;CAC1C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,aAAa,WAAWA,aAAiBC;CAE/C,OAEE,oBAAC,KAAD;EAAK,IAAI;GAAE,OAAO;GAAQ,SAAS;GAAQ,IAAI;GAAK,IAAI;GAAO,IAAI;EAAM;EACvE,UAAA,qBAAC,cAAD;GACE,WAAA;GACA,UAAU,MAAM;IACd,EAAE,gBAAgB;IAClB,EAAE,cAAc,KAAK;IACrB,SAAS;GACX;GANF,UAAA,CAQE,oBAAC,YAAD,EAAA,UACG,WACG,EAAE,iBAAiB,IACnB,EAAE,mBAAmB,EAAE,OAAO,YAAY,CAAC,EACrC,CAAA,GACZ,oBAAC,YAAD,EAAY,IAAI;IAAE,UAAU;IAAI,OAAO;GAAiB,EAAI,CAAA,CAChD;;CACX,CAAA;AAET"}

package/dist/esm/components/TokenList/RemoveRecentTokenButton.js

@@ -0,0 +1,32 @@
+import { useRecentTokensStore } from "../../stores/recentTokens/RecentTokensStore.js";
+import { IconButton } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Close from "@mui/icons-material/Close";
+//#region src/components/TokenList/RemoveRecentTokenButton.tsx
+const RemoveRecentTokenButton = ({ chainId, tokenAddress }) => {
+	const { t } = useTranslation();
+	const removeRecentToken = useRecentTokensStore((state) => state.removeRecentToken);
+	const handleClick = (e) => {
+		e.stopPropagation();
+		e.currentTarget.blur();
+		removeRecentToken(chainId, tokenAddress);
+	};
+	return /* @__PURE__ */ jsx(IconButton, {
+		"aria-label": t("button.delete"),
+		sx: {
+			width: 20,
+			height: 20
+		},
+		size: "small",
+		onClick: handleClick,
+		children: /* @__PURE__ */ jsx(Close, { sx: {
+			fontSize: 12,
+			color: "text.secondary"
+		} })
+	});
+};
+//#endregion
+export { RemoveRecentTokenButton };
+
+//# sourceMappingURL=RemoveRecentTokenButton.js.map