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

package/dist/esm/components/StepActions/StepActions.js

@@ -1,155 +1,201 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEthereumContext } from '@lifi/widget-provider';
-import ArrowForward from '@mui/icons-material/ArrowForward';
-import ExpandLess from '@mui/icons-material/ExpandLess';
-import ExpandMore from '@mui/icons-material/ExpandMore';
-import { Badge, Box, Collapse, Step as MuiStep, Stepper, Typography, } from '@mui/material';
-import { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useAvailableChains } from '../../hooks/useAvailableChains.js';
-import { lifiLogoUrl } from '../../icons/lifi.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { HiddenUI } from '../../types/widget.js';
-import { formatTokenAmount, formatTokenPrice } from '../../utils/format.js';
-import { SmallAvatar } from '../Avatar/SmallAvatar.js';
-import { CardIconButton } from '../Card/CardIconButton.js';
-import { StepAvatar, StepConnector, StepContent, StepLabel, StepLabelTypography, } from './StepActions.style.js';
-export const StepActions = ({ step, dense, ...other }) => {
-    const { t } = useTranslation();
-    const { subvariant } = useWidgetConfig();
-    const [cardExpanded, setCardExpanded] = useState(false);
-    const handleExpand = (e) => {
-        e.stopPropagation();
-        setCardExpanded((expanded) => !expanded);
-    };
-    // FIXME: step transaction request overrides step tool details, but not included step tool details
-    const toolDetails = subvariant === 'custom'
-        ? step.includedSteps.find((step) => step.tool === 'custom' && step.toolDetails.key !== 'custom')?.toolDetails || step.toolDetails
-        : step.toolDetails;
-    return (_jsxs(Box, { ...other, children: [_jsxs(Box, { sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                }, children: [_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(SmallAvatar, { src: lifiLogoUrl }), children: _jsx(StepAvatar, { variant: "circular", src: toolDetails.logoURI ?? lifiLogoUrl, alt: toolDetails.name, children: toolDetails.name[0] }) }), _jsx(Box, { sx: {
-                            flex: 1,
-                        }, children: _jsx(Typography, { sx: {
-                                fontSize: 18,
-                                fontWeight: 600,
-                                lineHeight: 1.3334,
-                                ml: 2,
-                            }, children: toolDetails.name?.includes('LI.FI')
-                                ? toolDetails.name
-                                : t('main.stepDetails', {
-                                    tool: toolDetails.name,
-                                }) }) }), dense ? (_jsx(CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? (_jsx(ExpandLess, { fontSize: "inherit" })) : (_jsx(ExpandMore, { fontSize: "inherit" })) })) : null] }), dense ? (_jsx(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: _jsx(IncludedSteps, { step: step }) })) : (_jsx(IncludedSteps, { step: step }))] }));
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { HiddenUI } from "../../types/widget.js";
+import { useAvailableChains } from "../../hooks/useAvailableChains.js";
+import { formatTokenAmount, formatTokenPrice } from "../../utils/format.js";
+import { CardIconButton } from "../Card/CardIconButton.js";
+import { SmallAvatar } from "../Avatar/SmallAvatar.js";
+import { lifiLogoUrl } from "../../icons/lifi.js";
+import { StepAvatar, StepConnector as StepConnector$1, StepContent, StepLabel as StepLabel$1, StepLabelTypography } from "./StepActions.style.js";
+import { useState } from "react";
+import { Badge, Box, Collapse, Step, Stepper, Typography } from "@mui/material";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useEthereumContext } from "@lifi/widget-provider";
+import { useTranslation } from "react-i18next";
+import ExpandLess from "@mui/icons-material/ExpandLess";
+import ExpandMore from "@mui/icons-material/ExpandMore";
+import ArrowForward from "@mui/icons-material/ArrowForward";
+//#region src/components/StepActions/StepActions.tsx
+const StepActions = ({ step, dense, ...other }) => {
+	const { t } = useTranslation();
+	const { subvariant } = useWidgetConfig();
+	const [cardExpanded, setCardExpanded] = useState(false);
+	const handleExpand = (e) => {
+		e.stopPropagation();
+		setCardExpanded((expanded) => !expanded);
+	};
+	const toolDetails = subvariant === "custom" ? step.includedSteps.find((step) => step.tool === "custom" && step.toolDetails.key !== "custom")?.toolDetails || step.toolDetails : step.toolDetails;
+	return /* @__PURE__ */ jsxs(Box, {
+		...other,
+		children: [/* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				alignItems: "center"
+			},
+			children: [
+				/* @__PURE__ */ jsx(Badge, {
+					overlap: "circular",
+					anchorOrigin: {
+						vertical: "bottom",
+						horizontal: "right"
+					},
+					badgeContent: /* @__PURE__ */ jsx(SmallAvatar, { src: lifiLogoUrl }),
+					children: /* @__PURE__ */ jsx(StepAvatar, {
+						variant: "circular",
+						src: toolDetails.logoURI ?? "https://lifinance.github.io/types/src/assets/icons/bridges/lifi.svg",
+						alt: toolDetails.name,
+						children: toolDetails.name[0]
+					})
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					sx: { flex: 1 },
+					children: /* @__PURE__ */ jsx(Typography, {
+						sx: {
+							fontSize: 18,
+							fontWeight: 600,
+							lineHeight: 1.3334,
+							ml: 2
+						},
+						children: toolDetails.name?.includes("LI.FI") ? toolDetails.name : t("main.stepDetails", { tool: toolDetails.name })
+					})
+				}),
+				dense ? /* @__PURE__ */ jsx(CardIconButton, {
+					onClick: handleExpand,
+					size: "small",
+					children: cardExpanded ? /* @__PURE__ */ jsx(ExpandLess, { fontSize: "inherit" }) : /* @__PURE__ */ jsx(ExpandMore, { fontSize: "inherit" })
+				}) : null
+			]
+		}), dense ? /* @__PURE__ */ jsx(Collapse, {
+			timeout: 225,
+			in: cardExpanded,
+			mountOnEnter: true,
+			unmountOnExit: true,
+			children: /* @__PURE__ */ jsx(IncludedSteps, { step })
+		}) : /* @__PURE__ */ jsx(IncludedSteps, { step })]
+	});
 };
 const IncludedSteps = ({ step }) => {
-    const { subvariant, subvariantOptions, feeConfig, hiddenUI } = useWidgetConfig();
-    const { isGaslessStep } = useEthereumContext();
-    let includedSteps = step.includedSteps;
-    if (hiddenUI?.includes(HiddenUI.IntegratorStepDetails)) {
-        const feeCollectionStep = includedSteps.find((step) => step.tool === 'feeCollection');
-        if (feeCollectionStep) {
-            includedSteps = structuredClone(includedSteps.filter((step) => step.tool !== 'feeCollection'));
-            includedSteps[0].estimate.fromAmount =
-                feeCollectionStep.estimate.fromAmount;
-        }
-    }
-    // biome-ignore lint/correctness/noNestedComponentDefinitions: part of the flow
-    const StepIconComponent = ({ icon }) => {
-        const includedStep = includedSteps?.[Number(icon) - 1];
-        const feeCollectionStep = includedStep?.type === 'protocol' &&
-            includedStep?.tool === 'feeCollection';
-        const toolName = feeCollectionStep && feeConfig?.name
-            ? feeConfig?.name
-            : includedStep?.toolDetails.name;
-        const toolLogoURI = feeCollectionStep && feeConfig?.logoURI
-            ? feeConfig?.logoURI
-            : includedStep?.toolDetails.logoURI;
-        return toolLogoURI ? (_jsx(SmallAvatar, { src: toolLogoURI, alt: toolName, sx: { width: 20, height: 20 }, children: toolName?.[0] })) : null;
-    };
-    const hasGaslessSupport = !!isGaslessStep?.(step);
-    return (_jsx(Box, { sx: {
-            mt: 1,
-        }, children: _jsx(Stepper, { orientation: "vertical", connector: _jsx(StepConnector, {}), activeStep: -1, children: includedSteps.map((step, i, includedSteps) => (_jsxs(MuiStep, { expanded: true, children: [_jsx(StepLabel, { slots: {
-                            stepIcon: StepIconComponent,
-                        }, children: step.type === 'custom' && subvariant === 'custom' ? (_jsx(CustomStepDetailsLabel, { step: step, subvariant: subvariant, subvariantOptions: subvariantOptions })) : step.type === 'cross' ? (_jsx(BridgeStepDetailsLabel, { step: step })) : step.type === 'protocol' ? (_jsx(ProtocolStepDetailsLabel, { step: step, feeConfig: feeConfig, relayerSupport: hasGaslessSupport })) : (_jsx(SwapStepDetailsLabel, { step: step })) }), _jsx(StepContent, { last: i === includedSteps.length - 1, children: _jsx(StepDetailsContent, { step: step }) })] }, step.id))) }) }));
+	const { subvariant, subvariantOptions, feeConfig, hiddenUI } = useWidgetConfig();
+	const { isGaslessStep } = useEthereumContext();
+	let includedSteps = step.includedSteps;
+	if (hiddenUI?.includes(HiddenUI.IntegratorStepDetails)) {
+		const feeCollectionStep = includedSteps.find((step) => step.tool === "feeCollection");
+		if (feeCollectionStep) {
+			includedSteps = structuredClone(includedSteps.filter((step) => step.tool !== "feeCollection"));
+			includedSteps[0].estimate.fromAmount = feeCollectionStep.estimate.fromAmount;
+		}
+	}
+	const StepIconComponent = ({ icon }) => {
+		const includedStep = includedSteps?.[Number(icon) - 1];
+		const feeCollectionStep = includedStep?.type === "protocol" && includedStep?.tool === "feeCollection";
+		const toolName = feeCollectionStep && feeConfig?.name ? feeConfig?.name : includedStep?.toolDetails.name;
+		const toolLogoURI = feeCollectionStep && feeConfig?.logoURI ? feeConfig?.logoURI : includedStep?.toolDetails.logoURI;
+		return toolLogoURI ? /* @__PURE__ */ jsx(SmallAvatar, {
+			src: toolLogoURI,
+			alt: toolName,
+			sx: {
+				width: 20,
+				height: 20
+			},
+			children: toolName?.[0]
+		}) : null;
+	};
+	const hasGaslessSupport = !!isGaslessStep?.(step);
+	return /* @__PURE__ */ jsx(Box, {
+		sx: { mt: 1 },
+		children: /* @__PURE__ */ jsx(Stepper, {
+			orientation: "vertical",
+			connector: /* @__PURE__ */ jsx(StepConnector$1, {}),
+			activeStep: -1,
+			children: includedSteps.map((step, i, includedSteps) => /* @__PURE__ */ jsxs(Step, {
+				expanded: true,
+				children: [/* @__PURE__ */ jsx(StepLabel$1, {
+					slots: { stepIcon: StepIconComponent },
+					children: step.type === "custom" && subvariant === "custom" ? /* @__PURE__ */ jsx(CustomStepDetailsLabel, {
+						step,
+						subvariant,
+						subvariantOptions
+					}) : step.type === "cross" ? /* @__PURE__ */ jsx(BridgeStepDetailsLabel, { step }) : step.type === "protocol" ? /* @__PURE__ */ jsx(ProtocolStepDetailsLabel, {
+						step,
+						feeConfig,
+						relayerSupport: hasGaslessSupport
+					}) : /* @__PURE__ */ jsx(SwapStepDetailsLabel, { step })
+				}), /* @__PURE__ */ jsx(StepContent, {
+					last: i === includedSteps.length - 1,
+					children: /* @__PURE__ */ jsx(StepDetailsContent, { step })
+				})]
+			}, step.id))
+		})
+	});
 };
 const StepDetailsContent = ({ step }) => {
-    const { t } = useTranslation();
-    const sameTokenProtocolStep = step.action.fromToken.chainId === step.action.toToken.chainId &&
-        step.action.fromToken.address === step.action.toToken.address;
-    let fromAmount;
-    if (sameTokenProtocolStep) {
-        const estimatedFromAmount = BigInt(step.estimate.fromAmount) - BigInt(step.estimate.toAmount);
-        fromAmount =
-            estimatedFromAmount > 0n
-                ? formatTokenAmount(estimatedFromAmount, step.action.fromToken.decimals)
-                : formatTokenAmount(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals);
-    }
-    else {
-        fromAmount = formatTokenAmount(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals);
-    }
-    const showToAmount = step.type !== 'custom' && step.tool !== 'custom' && !sameTokenProtocolStep;
-    return (_jsxs(Typography, { sx: {
-            fontSize: 12,
-            lineHeight: 1,
-            fontWeight: '500',
-            color: 'text.secondary',
-            alignItems: 'center',
-            display: 'flex',
-        }, children: [!showToAmount ? (_jsxs(_Fragment, { children: [t('format.tokenAmount', {
-                        value: formatTokenAmount(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals),
-                    }), ' ', step.action.fromToken.symbol, ' - '] })) : null, t('format.tokenAmount', {
-                value: fromAmount,
-            }), ' ', step.action.fromToken.symbol, showToAmount ? (_jsxs(_Fragment, { children: [_jsx(ArrowForward, { sx: { fontSize: 18, paddingX: 0.5, height: 12 } }), t('format.tokenAmount', {
-                        value: formatTokenAmount(BigInt(step.execution?.toAmount ?? step.estimate.toAmount), step.execution?.toToken?.decimals ?? step.action.toToken.decimals),
-                    }), ' ', step.execution?.toToken?.symbol ?? step.action.toToken.symbol] })) : (` (${t('format.currency', {
-                value: formatTokenPrice(fromAmount, step.action.fromToken.priceUSD, step.action.fromToken.decimals),
-            })})`)] }));
+	const { t } = useTranslation();
+	const sameTokenProtocolStep = step.action.fromToken.chainId === step.action.toToken.chainId && step.action.fromToken.address === step.action.toToken.address;
+	let fromAmount;
+	if (sameTokenProtocolStep) {
+		const estimatedFromAmount = BigInt(step.estimate.fromAmount) - BigInt(step.estimate.toAmount);
+		fromAmount = estimatedFromAmount > 0n ? formatTokenAmount(estimatedFromAmount, step.action.fromToken.decimals) : formatTokenAmount(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals);
+	} else fromAmount = formatTokenAmount(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals);
+	const showToAmount = step.type !== "custom" && step.tool !== "custom" && !sameTokenProtocolStep;
+	return /* @__PURE__ */ jsxs(Typography, {
+		sx: {
+			fontSize: 12,
+			lineHeight: 1,
+			fontWeight: "500",
+			color: "text.secondary",
+			alignItems: "center",
+			display: "flex"
+		},
+		children: [
+			!showToAmount ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				t("format.tokenAmount", { value: formatTokenAmount(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals) }),
+				" ",
+				step.action.fromToken.symbol,
+				" - "
+			] }) : null,
+			t("format.tokenAmount", { value: fromAmount }),
+			" ",
+			step.action.fromToken.symbol,
+			showToAmount ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx(ArrowForward, { sx: {
+					fontSize: 18,
+					paddingX: .5,
+					height: 12
+				} }),
+				t("format.tokenAmount", { value: formatTokenAmount(BigInt(step.execution?.toAmount ?? step.estimate.toAmount), step.execution?.toToken?.decimals ?? step.action.toToken.decimals) }),
+				" ",
+				step.execution?.toToken?.symbol ?? step.action.toToken.symbol
+			] }) : ` (${t("format.currency", { value: formatTokenPrice(fromAmount, step.action.fromToken.priceUSD, step.action.fromToken.decimals) })})`
+		]
+	});
 };
-const CustomStepDetailsLabel = ({ step, subvariant, subvariantOptions, }) => {
-    const { t } = useTranslation();
-    if (!subvariant) {
-        return null;
-    }
-    // FIXME: step transaction request overrides step tool details, but not included step tool details
-    const toolDetails = subvariant === 'custom' &&
-        step.includedSteps?.length > 0
-        ? step.includedSteps.find((step) => step.tool === 'custom' && step.toolDetails.key !== 'custom')?.toolDetails || step.toolDetails
-        : step.toolDetails;
-    const stepDetailsKey = (subvariant === 'custom' && subvariantOptions?.custom) || 'checkout';
-    return (_jsx(StepLabelTypography, { children: t(`main.${stepDetailsKey}StepDetails`, {
-            tool: toolDetails.name,
-        }) }));
+const CustomStepDetailsLabel = ({ step, subvariant, subvariantOptions }) => {
+	const { t } = useTranslation();
+	if (!subvariant) return null;
+	const toolDetails = subvariant === "custom" && step.includedSteps?.length > 0 ? step.includedSteps.find((step) => step.tool === "custom" && step.toolDetails.key !== "custom")?.toolDetails || step.toolDetails : step.toolDetails;
+	return /* @__PURE__ */ jsx(StepLabelTypography, { children: t(`main.${subvariant === "custom" && subvariantOptions?.custom || "checkout"}StepDetails`, { tool: toolDetails.name }) });
 };
 const BridgeStepDetailsLabel = ({ step }) => {
-    const { t } = useTranslation();
-    const { getChainById } = useAvailableChains();
-    return (_jsx(StepLabelTypography, { children: t('main.bridgeStepDetails', {
-            from: getChainById(step.action.fromChainId)?.name,
-            to: getChainById(step.action.toChainId)?.name,
-            tool: step.toolDetails.name,
-        }) }));
+	const { t } = useTranslation();
+	const { getChainById } = useAvailableChains();
+	return /* @__PURE__ */ jsx(StepLabelTypography, { children: t("main.bridgeStepDetails", {
+		from: getChainById(step.action.fromChainId)?.name,
+		to: getChainById(step.action.toChainId)?.name,
+		tool: step.toolDetails.name
+	}) });
 };
 const SwapStepDetailsLabel = ({ step }) => {
-    const { t } = useTranslation();
-    const { getChainById } = useAvailableChains();
-    return (_jsx(StepLabelTypography, { children: t('main.swapStepDetails', {
-            chain: getChainById(step.action.fromChainId)?.name,
-            tool: step.toolDetails.name,
-        }) }));
+	const { t } = useTranslation();
+	const { getChainById } = useAvailableChains();
+	return /* @__PURE__ */ jsx(StepLabelTypography, { children: t("main.swapStepDetails", {
+		chain: getChainById(step.action.fromChainId)?.name,
+		tool: step.toolDetails.name
+	}) });
 };
 const ProtocolStepDetailsLabel = ({ step, feeConfig, relayerSupport }) => {
-    const { t } = useTranslation();
-    return (_jsx(StepLabelTypography, { children: step.toolDetails.key === 'feeCollection'
-            ? feeConfig?.name ||
-                (relayerSupport
-                    ? t('main.fees.relayerService')
-                    : t('main.fees.defaultIntegrator'))
-            : step.toolDetails.key === 'gasZip'
-                ? t('main.refuelStepDetails', {
-                    tool: step.toolDetails.name,
-                })
-                : step.toolDetails.name }));
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(StepLabelTypography, { children: step.toolDetails.key === "feeCollection" ? feeConfig?.name || (relayerSupport ? t("main.fees.relayerService") : t("main.fees.defaultIntegrator")) : step.toolDetails.key === "gasZip" ? t("main.refuelStepDetails", { tool: step.toolDetails.name }) : step.toolDetails.name });
 };
+//#endregion
+export { StepActions };
+
 //# sourceMappingURL=StepActions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepActions.js","sourceRoot":"","sources":["../../../../src/components/StepActions/StepActions.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StepActions.js","names":["StepConnector","MuiStep","StepLabel"],"sources":["../../../../src/components/StepActions/StepActions.tsx"],"sourcesContent":["import type { LiFiStep, StepExtended } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport ArrowForward from '@mui/icons-material/ArrowForward'\nimport ExpandLess from '@mui/icons-material/ExpandLess'\nimport ExpandMore from '@mui/icons-material/ExpandMore'\nimport type { StepIconProps } from '@mui/material'\nimport {\n  Badge,\n  Box,\n  Collapse,\n  Step as MuiStep,\n  Stepper,\n  Typography,\n} from '@mui/material'\nimport type { MouseEventHandler } from 'react'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { lifiLogoUrl } from '../../icons/lifi.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { formatTokenAmount, formatTokenPrice } from '../../utils/format.js'\nimport { SmallAvatar } from '../Avatar/SmallAvatar.js'\nimport { CardIconButton } from '../Card/CardIconButton.js'\nimport {\n  StepAvatar,\n  StepConnector,\n  StepContent,\n  StepLabel,\n  StepLabelTypography,\n} from './StepActions.style.js'\nimport type {\n  IncludedStepsProps,\n  StepActionsProps,\n  StepDetailsLabelProps,\n} from './types.js'\n\nexport const StepActions: React.FC<StepActionsProps> = ({\n  step,\n  dense,\n  ...other\n}) => {\n  const { t } = useTranslation()\n  const { subvariant } = useWidgetConfig()\n  const [cardExpanded, setCardExpanded] = useState(false)\n\n  const handleExpand: MouseEventHandler<HTMLButtonElement> = (e) => {\n    e.stopPropagation()\n    setCardExpanded((expanded) => !expanded)\n  }\n\n  // FIXME: step transaction request overrides step tool details, but not included step tool details\n  const toolDetails =\n    subvariant === 'custom'\n      ? step.includedSteps.find(\n          (step) => step.tool === 'custom' && step.toolDetails.key !== 'custom'\n        )?.toolDetails || step.toolDetails\n      : step.toolDetails\n\n  return (\n    <Box {...other}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <Badge\n          overlap=\"circular\"\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n          badgeContent={<SmallAvatar src={lifiLogoUrl} />}\n        >\n          <StepAvatar\n            variant=\"circular\"\n            src={toolDetails.logoURI ?? lifiLogoUrl}\n            alt={toolDetails.name}\n          >\n            {toolDetails.name[0]}\n          </StepAvatar>\n        </Badge>\n        <Box\n          sx={{\n            flex: 1,\n          }}\n        >\n          <Typography\n            sx={{\n              fontSize: 18,\n              fontWeight: 600,\n              lineHeight: 1.3334,\n              ml: 2,\n            }}\n          >\n            {toolDetails.name?.includes('LI.FI')\n              ? toolDetails.name\n              : t('main.stepDetails', {\n                  tool: toolDetails.name,\n                })}\n          </Typography>\n          {/* <StepFees ml={2} step={step} /> */}\n        </Box>\n        {dense ? (\n          <CardIconButton onClick={handleExpand} size=\"small\">\n            {cardExpanded ? (\n              <ExpandLess fontSize=\"inherit\" />\n            ) : (\n              <ExpandMore fontSize=\"inherit\" />\n            )}\n          </CardIconButton>\n        ) : null}\n      </Box>\n      {dense ? (\n        <Collapse timeout={225} in={cardExpanded} mountOnEnter unmountOnExit>\n          <IncludedSteps step={step} />\n        </Collapse>\n      ) : (\n        <IncludedSteps step={step} />\n      )}\n    </Box>\n  )\n}\n\nconst IncludedSteps: React.FC<IncludedStepsProps> = ({ step }) => {\n  const { subvariant, subvariantOptions, feeConfig, hiddenUI } =\n    useWidgetConfig()\n  const { isGaslessStep } = useEthereumContext()\n\n  let includedSteps = step.includedSteps\n  if (hiddenUI?.includes(HiddenUI.IntegratorStepDetails)) {\n    const feeCollectionStep = includedSteps.find(\n      (step) => step.tool === 'feeCollection'\n    )\n    if (feeCollectionStep) {\n      includedSteps = structuredClone(\n        includedSteps.filter((step) => step.tool !== 'feeCollection')\n      )\n      includedSteps[0].estimate.fromAmount =\n        feeCollectionStep.estimate.fromAmount\n    }\n  }\n\n  // biome-ignore lint/correctness/noNestedComponentDefinitions: part of the flow\n  const StepIconComponent = ({ icon }: StepIconProps) => {\n    const includedStep = includedSteps?.[Number(icon) - 1]\n    const feeCollectionStep =\n      includedStep?.type === 'protocol' &&\n      includedStep?.tool === 'feeCollection'\n    const toolName =\n      feeCollectionStep && feeConfig?.name\n        ? feeConfig?.name\n        : includedStep?.toolDetails.name\n    const toolLogoURI =\n      feeCollectionStep && feeConfig?.logoURI\n        ? feeConfig?.logoURI\n        : includedStep?.toolDetails.logoURI\n    return toolLogoURI ? (\n      <SmallAvatar\n        src={toolLogoURI}\n        alt={toolName}\n        sx={{ width: 20, height: 20 }}\n      >\n        {toolName?.[0]}\n      </SmallAvatar>\n    ) : null\n  }\n\n  const hasGaslessSupport = !!isGaslessStep?.(step)\n\n  return (\n    <Box\n      sx={{\n        mt: 1,\n      }}\n    >\n      <Stepper\n        orientation=\"vertical\"\n        connector={<StepConnector />}\n        activeStep={-1}\n      >\n        {includedSteps.map((step, i, includedSteps) => (\n          <MuiStep key={step.id} expanded>\n            <StepLabel\n              slots={{\n                stepIcon: StepIconComponent,\n              }}\n            >\n              {step.type === 'custom' && subvariant === 'custom' ? (\n                <CustomStepDetailsLabel\n                  step={step}\n                  subvariant={subvariant}\n                  subvariantOptions={subvariantOptions}\n                />\n              ) : step.type === 'cross' ? (\n                <BridgeStepDetailsLabel step={step} />\n              ) : step.type === 'protocol' ? (\n                <ProtocolStepDetailsLabel\n                  step={step}\n                  feeConfig={feeConfig}\n                  relayerSupport={hasGaslessSupport}\n                />\n              ) : (\n                <SwapStepDetailsLabel step={step} />\n              )}\n            </StepLabel>\n            <StepContent last={i === includedSteps.length - 1}>\n              <StepDetailsContent step={step} />\n            </StepContent>\n          </MuiStep>\n        ))}\n      </Stepper>\n    </Box>\n  )\n}\n\nconst StepDetailsContent: React.FC<{\n  step: StepExtended\n}> = ({ step }) => {\n  const { t } = useTranslation()\n\n  const sameTokenProtocolStep =\n    step.action.fromToken.chainId === step.action.toToken.chainId &&\n    step.action.fromToken.address === step.action.toToken.address\n\n  let fromAmount: string | undefined\n  if (sameTokenProtocolStep) {\n    const estimatedFromAmount =\n      BigInt(step.estimate.fromAmount) - BigInt(step.estimate.toAmount)\n\n    fromAmount =\n      estimatedFromAmount > 0n\n        ? formatTokenAmount(estimatedFromAmount, step.action.fromToken.decimals)\n        : formatTokenAmount(\n            BigInt(step.estimate.fromAmount),\n            step.action.fromToken.decimals\n          )\n  } else {\n    fromAmount = formatTokenAmount(\n      BigInt(step.estimate.fromAmount),\n      step.action.fromToken.decimals\n    )\n  }\n\n  const showToAmount =\n    step.type !== 'custom' && step.tool !== 'custom' && !sameTokenProtocolStep\n\n  return (\n    <Typography\n      sx={{\n        fontSize: 12,\n        lineHeight: 1,\n        fontWeight: '500',\n        color: 'text.secondary',\n        alignItems: 'center',\n        display: 'flex',\n      }}\n    >\n      {!showToAmount ? (\n        <>\n          {t('format.tokenAmount', {\n            value: formatTokenAmount(\n              BigInt(step.estimate.fromAmount),\n              step.action.fromToken.decimals\n            ),\n          })}{' '}\n          {step.action.fromToken.symbol}\n          {' - '}\n        </>\n      ) : null}\n      {t('format.tokenAmount', {\n        value: fromAmount,\n      })}{' '}\n      {step.action.fromToken.symbol}\n      {showToAmount ? (\n        <>\n          <ArrowForward sx={{ fontSize: 18, paddingX: 0.5, height: 12 }} />\n          {t('format.tokenAmount', {\n            value: formatTokenAmount(\n              BigInt(step.execution?.toAmount ?? step.estimate.toAmount),\n              step.execution?.toToken?.decimals ?? step.action.toToken.decimals\n            ),\n          })}{' '}\n          {step.execution?.toToken?.symbol ?? step.action.toToken.symbol}\n        </>\n      ) : (\n        ` (${t('format.currency', {\n          value: formatTokenPrice(\n            fromAmount,\n            step.action.fromToken.priceUSD,\n            step.action.fromToken.decimals\n          ),\n        })})`\n      )}\n    </Typography>\n  )\n}\n\nconst CustomStepDetailsLabel: React.FC<StepDetailsLabelProps> = ({\n  step,\n  subvariant,\n  subvariantOptions,\n}) => {\n  const { t } = useTranslation()\n\n  if (!subvariant) {\n    return null\n  }\n\n  // FIXME: step transaction request overrides step tool details, but not included step tool details\n  const toolDetails =\n    subvariant === 'custom' &&\n    (step as unknown as LiFiStep).includedSteps?.length > 0\n      ? (step as unknown as LiFiStep).includedSteps.find(\n          (step) => step.tool === 'custom' && step.toolDetails.key !== 'custom'\n        )?.toolDetails || step.toolDetails\n      : step.toolDetails\n\n  const stepDetailsKey =\n    (subvariant === 'custom' && subvariantOptions?.custom) || 'checkout'\n\n  return (\n    <StepLabelTypography>\n      {t(`main.${stepDetailsKey}StepDetails`, {\n        tool: toolDetails.name,\n      })}\n    </StepLabelTypography>\n  )\n}\n\nconst BridgeStepDetailsLabel: React.FC<\n  Omit<StepDetailsLabelProps, 'variant'>\n> = ({ step }) => {\n  const { t } = useTranslation()\n  const { getChainById } = useAvailableChains()\n  return (\n    <StepLabelTypography>\n      {t('main.bridgeStepDetails', {\n        from: getChainById(step.action.fromChainId)?.name,\n        to: getChainById(step.action.toChainId)?.name,\n        tool: step.toolDetails.name,\n      })}\n    </StepLabelTypography>\n  )\n}\n\nconst SwapStepDetailsLabel: React.FC<\n  Omit<StepDetailsLabelProps, 'variant'>\n> = ({ step }) => {\n  const { t } = useTranslation()\n  const { getChainById } = useAvailableChains()\n  return (\n    <StepLabelTypography>\n      {t('main.swapStepDetails', {\n        chain: getChainById(step.action.fromChainId)?.name,\n        tool: step.toolDetails.name,\n      })}\n    </StepLabelTypography>\n  )\n}\n\nconst ProtocolStepDetailsLabel: React.FC<\n  Omit<StepDetailsLabelProps, 'variant'>\n> = ({ step, feeConfig, relayerSupport }) => {\n  const { t } = useTranslation()\n  return (\n    <StepLabelTypography>\n      {step.toolDetails.key === 'feeCollection'\n        ? feeConfig?.name ||\n          (relayerSupport\n            ? t('main.fees.relayerService')\n            : t('main.fees.defaultIntegrator'))\n        : step.toolDetails.key === 'gasZip'\n          ? t('main.refuelStepDetails', {\n              tool: step.toolDetails.name,\n            })\n          : step.toolDetails.name}\n    </StepLabelTypography>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,64 +1,63 @@
-import { Box, StepConnector as MuiStepConnector, StepLabel as MuiStepLabel, stepConnectorClasses, stepLabelClasses, styled, Typography, } from '@mui/material';
-import { AvatarMasked } from '../Avatar/Avatar.style.js';
-export const StepConnector = styled(MuiStepConnector, {
-    shouldForwardProp: (prop) => !['active', 'completed', 'error'].includes(prop),
-})(({ theme }) => ({
-    marginLeft: theme.spacing(2.375),
-    [`.${stepConnectorClasses.line}`]: {
-        minHeight: 8,
-        borderLeftWidth: 2,
-        borderColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.12)`,
-        ...theme.applyStyles('dark', {
-            borderColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.16)`,
-        }),
-    },
+import { AvatarMasked } from "../Avatar/Avatar.style.js";
+import { Box, StepConnector, StepLabel, Typography, stepConnectorClasses, stepLabelClasses, styled } from "@mui/material";
+//#region src/components/StepActions/StepActions.style.tsx
+const StepConnector$1 = styled(StepConnector, { shouldForwardProp: (prop) => ![
+	"active",
+	"completed",
+	"error"
+].includes(prop) })(({ theme }) => ({
+	marginLeft: theme.spacing(2.375),
+	[`.${stepConnectorClasses.line}`]: {
+		minHeight: 8,
+		borderLeftWidth: 2,
+		borderColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 12%, transparent)`,
+		...theme.applyStyles("dark", { borderColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 16%, transparent)` })
+	}
 }));
-export const StepLabel = styled(MuiStepLabel, {
-    shouldForwardProp: (prop) => !['active', 'completed', 'error', 'disabled'].includes(prop),
-})(({ theme }) => ({
-    padding: 0,
-    alignItems: 'center',
-    [`.${stepLabelClasses.iconContainer}`]: {
-        paddingLeft: theme.spacing(1.25),
-        paddingRight: theme.spacing(3.25),
-    },
-    [`.${stepLabelClasses.labelContainer}`]: {
-        minHeight: 24,
-        display: 'flex',
-        alignItems: 'center',
-    },
-    [`&.${stepLabelClasses.disabled}`]: {
-        cursor: 'inherit',
-    },
+const StepLabel$1 = styled(StepLabel, { shouldForwardProp: (prop) => ![
+	"active",
+	"completed",
+	"error",
+	"disabled"
+].includes(prop) })(({ theme }) => ({
+	padding: 0,
+	alignItems: "center",
+	[`.${stepLabelClasses.iconContainer}`]: {
+		paddingLeft: theme.spacing(1.25),
+		paddingRight: theme.spacing(3.25)
+	},
+	[`.${stepLabelClasses.labelContainer}`]: {
+		minHeight: 24,
+		display: "flex",
+		alignItems: "center"
+	},
+	[`&.${stepLabelClasses.disabled}`]: { cursor: "inherit" }
 }));
-export const StepLabelTypography = styled(Typography)(({ theme }) => ({
-    fontSize: 12,
-    fontWeight: 500,
-    lineHeight: 1.325,
-    color: theme.vars.palette.text.secondary,
-    padding: theme.spacing(0.5, 0),
+const StepLabelTypography = styled(Typography)(({ theme }) => ({
+	fontSize: 12,
+	fontWeight: 500,
+	lineHeight: 1.325,
+	color: theme.vars.palette.text.secondary,
+	padding: theme.spacing(.5, 0)
 }));
-export const StepContent = styled(Box, {
-    shouldForwardProp: (prop) => !['last'].includes(prop),
-})(({ theme }) => ({
-    margin: theme.spacing(0, 0, 0, 2.375),
-    paddingLeft: theme.spacing(4.375),
-    borderLeft: `2px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.12)`,
-    ...theme.applyStyles('dark', {
-        borderLeft: `2px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.16)`,
-    }),
-    variants: [
-        {
-            props: ({ last }) => last,
-            style: {
-                borderLeft: 'none',
-                paddingLeft: theme.spacing(4.625),
-            },
-        },
-    ],
+const StepContent = styled(Box, { shouldForwardProp: (prop) => !["last"].includes(prop) })(({ theme }) => ({
+	margin: theme.spacing(0, 0, 0, 2.375),
+	paddingLeft: theme.spacing(4.375),
+	borderLeft: `2px solid color-mix(in srgb, ${theme.vars.palette.common.onBackground} 12%, transparent)`,
+	...theme.applyStyles("dark", { borderLeft: `2px solid color-mix(in srgb, ${theme.vars.palette.common.onBackground} 16%, transparent)` }),
+	variants: [{
+		props: ({ last }) => last,
+		style: {
+			borderLeft: "none",
+			paddingLeft: theme.spacing(4.625)
+		}
+	}]
 }));
-export const StepAvatar = styled(AvatarMasked)(({ theme }) => ({
-    color: theme.vars.palette.text.primary,
-    backgroundColor: 'transparent',
+const StepAvatar = styled(AvatarMasked)(({ theme }) => ({
+	color: theme.vars.palette.text.primary,
+	backgroundColor: "transparent"
 }));
+//#endregion
+export { StepAvatar, StepConnector$1 as StepConnector, StepContent, StepLabel$1 as StepLabel, StepLabelTypography };
+
 //# sourceMappingURL=StepActions.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepActions.style.js","sourceRoot":"","sources":["../../../../src/components/StepActions/StepActions.style.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StepActions.style.js","names":["StepConnector","MuiStepConnector","StepLabel","MuiStepLabel"],"sources":["../../../../src/components/StepActions/StepActions.style.tsx"],"sourcesContent":["import {\n  Box,\n  StepConnector as MuiStepConnector,\n  StepLabel as MuiStepLabel,\n  stepConnectorClasses,\n  stepLabelClasses,\n  styled,\n  Typography,\n} from '@mui/material'\nimport type React from 'react'\nimport { AvatarMasked } from '../Avatar/Avatar.style.js'\n\nexport const StepConnector: React.FC<\n  React.ComponentProps<typeof MuiStepConnector> & { last?: boolean }\n> = styled(MuiStepConnector, {\n  shouldForwardProp: (prop) =>\n    !['active', 'completed', 'error'].includes(prop as string),\n})(({ theme }) => ({\n  marginLeft: theme.spacing(2.375),\n  [`.${stepConnectorClasses.line}`]: {\n    minHeight: 8,\n    borderLeftWidth: 2,\n    borderColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 12%, transparent)`,\n    ...theme.applyStyles('dark', {\n      borderColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 16%, transparent)`,\n    }),\n  },\n}))\n\nexport const StepLabel: React.FC<\n  React.ComponentProps<typeof MuiStepLabel> & { last?: boolean }\n> = styled(MuiStepLabel, {\n  shouldForwardProp: (prop) =>\n    !['active', 'completed', 'error', 'disabled'].includes(prop as string),\n})(({ theme }) => ({\n  padding: 0,\n  alignItems: 'center',\n  [`.${stepLabelClasses.iconContainer}`]: {\n    paddingLeft: theme.spacing(1.25),\n    paddingRight: theme.spacing(3.25),\n  },\n  [`.${stepLabelClasses.labelContainer}`]: {\n    minHeight: 24,\n    display: 'flex',\n    alignItems: 'center',\n  },\n  [`&.${stepLabelClasses.disabled}`]: {\n    cursor: 'inherit',\n  },\n}))\n\nexport const StepLabelTypography: React.FC<\n  React.ComponentProps<typeof Typography> & { last?: boolean }\n> = styled(Typography)(({ theme }) => ({\n  fontSize: 12,\n  fontWeight: 500,\n  lineHeight: 1.325,\n  color: theme.vars.palette.text.secondary,\n  padding: theme.spacing(0.5, 0),\n}))\n\nexport const StepContent: React.FC<\n  React.ComponentProps<typeof Box> & { last?: boolean }\n> = styled(Box, {\n  shouldForwardProp: (prop) => !['last'].includes(prop as string),\n})<{ last?: boolean }>(({ theme }) => ({\n  margin: theme.spacing(0, 0, 0, 2.375),\n  paddingLeft: theme.spacing(4.375),\n  borderLeft: `2px solid color-mix(in srgb, ${theme.vars.palette.common.onBackground} 12%, transparent)`,\n  ...theme.applyStyles('dark', {\n    borderLeft: `2px solid color-mix(in srgb, ${theme.vars.palette.common.onBackground} 16%, transparent)`,\n  }),\n  variants: [\n    {\n      props: ({ last }) => last,\n      style: {\n        borderLeft: 'none',\n        paddingLeft: theme.spacing(4.625),\n      },\n    },\n  ],\n}))\n\nexport const StepAvatar: React.FC<React.ComponentProps<typeof AvatarMasked>> =\n  styled(AvatarMasked)(({ theme }) => ({\n    color: theme.vars.palette.text.primary,\n    backgroundColor: 'transparent',\n  }))\n"],"mappings":";;;AAYA,MAAaA,kBAET,OAAOC,eAAkB,EAC3B,oBAAoB,SAClB,CAAC;CAAC;CAAU;CAAa;CAAQ,CAAC,SAAS,KAAe,EAC7D,CAAC,EAAE,EAAE,aAAa;CACjB,YAAY,MAAM,QAAQ,MAAM;EAC/B,IAAI,qBAAqB,SAAS;EACjC,WAAW;EACX,iBAAiB;EACjB,aAAa,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;EAC1E,GAAG,MAAM,YAAY,QAAQ,EAC3B,aAAa,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,qBAC3E,CAAC;EACH;CACF,EAAE;AAEH,MAAaC,cAET,OAAOC,WAAc,EACvB,oBAAoB,SAClB,CAAC;CAAC;CAAU;CAAa;CAAS;CAAW,CAAC,SAAS,KAAe,EACzE,CAAC,EAAE,EAAE,aAAa;CACjB,SAAS;CACT,YAAY;EACX,IAAI,iBAAiB,kBAAkB;EACtC,aAAa,MAAM,QAAQ,KAAK;EAChC,cAAc,MAAM,QAAQ,KAAK;EAClC;EACA,IAAI,iBAAiB,mBAAmB;EACvC,WAAW;EACX,SAAS;EACT,YAAY;EACb;EACA,KAAK,iBAAiB,aAAa,EAClC,QAAQ,WACT;CACF,EAAE;AAEH,MAAa,sBAET,OAAO,WAAW,EAAE,EAAE,aAAa;CACrC,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,SAAS,MAAM,QAAQ,IAAK,EAAE;CAC/B,EAAE;AAEH,MAAa,cAET,OAAO,KAAK,EACd,oBAAoB,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,KAAe,EAChE,CAAC,EAAsB,EAAE,aAAa;CACrC,QAAQ,MAAM,QAAQ,GAAG,GAAG,GAAG,MAAM;CACrC,aAAa,MAAM,QAAQ,MAAM;CACjC,YAAY,gCAAgC,MAAM,KAAK,QAAQ,OAAO,aAAa;CACnF,GAAG,MAAM,YAAY,QAAQ,EAC3B,YAAY,gCAAgC,MAAM,KAAK,QAAQ,OAAO,aAAa,qBACpF,CAAC;CACF,UAAU,CACR;EACE,QAAQ,EAAE,WAAW;EACrB,OAAO;GACL,YAAY;GACZ,aAAa,MAAM,QAAQ,MAAM;GAClC;EACF,CACF;CACF,EAAE;AAEH,MAAa,aACX,OAAO,aAAa,EAAE,EAAE,aAAa;CACnC,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,iBAAiB;CAClB,EAAE"}

package/dist/esm/components/StepDivider/StepDivider.js

@@ -1,7 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Divider } from '@mui/material';
-import { Container } from './StepDivider.style.js';
-export const StepDivider = () => {
-    return (_jsx(Container, { children: _jsx(Divider, { orientation: "vertical", flexItem: true }) }));
+import { Container as Container$1 } from "./StepDivider.style.js";
+import { Divider } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/StepDivider/StepDivider.tsx
+const StepDivider = () => {
+	return /* @__PURE__ */ jsx(Container$1, { children: /* @__PURE__ */ jsx(Divider, {
+		orientation: "vertical",
+		flexItem: true
+	}) });
 };
+//#endregion
+export { StepDivider };
+
 //# sourceMappingURL=StepDivider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepDivider.js","sourceRoot":"","sources":["../../../../src/components/StepDivider/StepDivider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,MAAM,CAAC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,OAAO,CACL,KAAC,SAAS,cACR,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,SAAG,GACjC,CACb,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"StepDivider.js","names":["Container"],"sources":["../../../../src/components/StepDivider/StepDivider.tsx"],"sourcesContent":["import { Divider } from '@mui/material'\nimport { Container } from './StepDivider.style.js'\n\nexport const StepDivider: React.FC = () => {\n  return (\n    <Container>\n      <Divider orientation=\"vertical\" flexItem />\n    </Container>\n  )\n}\n"],"mappings":";;;;AAGA,MAAa,oBAA8B;AACzC,QACE,oBAACA,aAAD,EAAA,UACE,oBAAC,SAAD;EAAS,aAAY;EAAW,UAAA;EAAW,CAAA,EACjC,CAAA"}

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

@@ -1,8 +1,12 @@
-import { Container as MuiContainer, styled } from '@mui/material';
-export const Container = styled(MuiContainer)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: theme.spacing(2),
+import { Container, styled } from "@mui/material";
+//#region src/components/StepDivider/StepDivider.style.tsx
+const Container$1 = styled(Container)(({ theme }) => ({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	height: theme.spacing(2)
 }));
+//#endregion
+export { Container$1 as Container };
+
 //# sourceMappingURL=StepDivider.style.js.map