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

package/dist/esm/components/Step/StepProcess.jsx

@@ -0,0 +1,36 @@
+import { OpenInNewRounded } from '@mui/icons-material';
+import { Box, Link, Typography } from '@mui/material';
+import { useExplorer } from '../../hooks/useExplorer.js';
+import { useProcessMessage } from '../../hooks/useProcessMessage.js';
+import { CardIconButton } from '../Card/CardIconButton.js';
+import { CircularProgress } from './CircularProgress.js';
+export const StepProcess = ({ step, process }) => {
+    const { title, message } = useProcessMessage(step, process);
+    const { getTransactionLink } = useExplorer();
+    return (<Box px={2} py={1}>
+      <Box sx={{
+            display: 'flex',
+            alignItems: 'center',
+        }}>
+        <CircularProgress process={process}/>
+        <Typography mx={2} flex={1} fontSize={14} fontWeight={process.error ? 600 : 400}>
+          {title}
+        </Typography>
+        {process.txHash || process.txLink ? (<CardIconButton size="small" LinkComponent={Link} href={process.txHash
+                ? getTransactionLink({
+                    txHash: process.txHash,
+                    chain: process.chainId,
+                })
+                : getTransactionLink({
+                    txLink: process.txLink,
+                    chain: process.chainId,
+                })} target="_blank" rel="nofollow noreferrer">
+            <OpenInNewRounded fontSize="inherit"/>
+          </CardIconButton>) : null}
+      </Box>
+      {message ? (<Typography ml={7} fontSize={14} fontWeight={500} color="text.secondary">
+          {message}
+        </Typography>) : null}
+    </Box>);
+};
+//# sourceMappingURL=StepProcess.jsx.map

package/dist/esm/components/Step/StepProcess.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepProcess.jsx","sourceRoot":"","sources":["../../../../src/components/Step/StepProcess.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,MAAM,CAAC,MAAM,WAAW,GAGnB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAC3D,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAA;IAE5C,OAAO,CACL,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAChB;MAAA,CAAC,GAAG,CACF,EAAE,CAAC,CAAC;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB,CAAC,CAEF;QAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EACnC;QAAA,CAAC,UAAU,CACT,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,UAAU,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAEtC;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAClC,CAAC,cAAc,CACb,IAAI,CAAC,OAAO,CACZ,aAAa,CAAC,CAAC,IAAI,CAAC,CACpB,IAAI,CAAC,CACH,OAAO,CAAC,MAAM;gBACZ,CAAC,CAAC,kBAAkB,CAAC;oBACjB,MAAM,EAAE,OAAO,CAAC,MAAM;oBACtB,KAAK,EAAE,OAAO,CAAC,OAAO;iBACvB,CAAC;gBACJ,CAAC,CAAC,kBAAkB,CAAC;oBACjB,MAAM,EAAE,OAAO,CAAC,MAAO;oBACvB,KAAK,EAAE,OAAO,CAAC,OAAO;iBACvB,CACP,CAAC,CACD,MAAM,CAAC,QAAQ,CACf,GAAG,CAAC,qBAAqB,CAEzB;YAAA,CAAC,gBAAgB,CAAC,QAAQ,CAAC,SAAS,EACtC;UAAA,EAAE,cAAc,CAAC,CAClB,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,UAAU,CACT,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,UAAU,CAAC,CAAC,GAAG,CAAC,CAChB,KAAK,CAAC,gBAAgB,CAEtB;UAAA,CAAC,OAAO,CACV;QAAA,EAAE,UAAU,CAAC,CACd,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Step/StepTimer.jsx

@@ -0,0 +1,90 @@
+import { AccessTimeFilled } from '@mui/icons-material';
+import { Box, Tooltip } from '@mui/material';
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useTimer } from '../../hooks/timer/useTimer.js';
+import { IconTypography } from '../IconTypography.js';
+const getExecutionProcess = (step) => step.execution?.process.findLast((process) => process.type === 'SWAP' ||
+    process.type === 'CROSS_CHAIN' ||
+    process.type === 'RECEIVING_CHAIN');
+const getExpiryTimestamp = (step) => new Date((getExecutionProcess(step)?.startedAt ?? Date.now()) +
+    step.estimate.executionDuration * 1000);
+export const StepTimer = ({ step, hideInProgress }) => {
+    const { t, i18n } = useTranslation();
+    const [isExpired, setExpired] = useState(false);
+    const [isExecutionStarted, setExecutionStarted] = useState(() => !!getExecutionProcess(step));
+    const [expiryTimestamp, setExpiryTimestamp] = useState(() => getExpiryTimestamp(step));
+    const { seconds, minutes, isRunning, pause, resume, restart } = useTimer({
+        autoStart: false,
+        expiryTimestamp,
+        onExpire: () => setExpired(true),
+    });
+    useEffect(() => {
+        const executionProcess = getExecutionProcess(step);
+        if (!executionProcess) {
+            return;
+        }
+        const shouldRestart = executionProcess.status === 'FAILED';
+        const shouldPause = executionProcess.status === 'ACTION_REQUIRED';
+        const shouldStart = executionProcess.status === 'STARTED' ||
+            executionProcess.status === 'PENDING';
+        const shouldResume = executionProcess.status === 'PENDING';
+        if (isExecutionStarted && shouldRestart) {
+            setExecutionStarted(false);
+            setExpired(false);
+            return;
+        }
+        if (isExecutionStarted && isExpired) {
+            return;
+        }
+        if (!isExecutionStarted && shouldStart) {
+            const expiryTimestamp = getExpiryTimestamp(step);
+            setExecutionStarted(true);
+            setExpired(false);
+            setExpiryTimestamp(expiryTimestamp);
+            restart(expiryTimestamp);
+            return;
+        }
+        if (isRunning && shouldPause) {
+            pause();
+        }
+        else if (!isRunning && shouldResume) {
+            resume();
+        }
+    }, [isExecutionStarted, isExpired, isRunning, pause, restart, resume, step]);
+    if (!isExecutionStarted) {
+        const showSeconds = step.estimate.executionDuration < 60;
+        const duration = showSeconds
+            ? Math.floor(step.estimate.executionDuration)
+            : Math.floor(step.estimate.executionDuration / 60);
+        return (<Tooltip title={t('tooltip.estimatedTime')} sx={{ cursor: 'help' }}>
+        <Box component="span" display="flex" alignItems="center">
+          <IconTypography component="span" mr={0.5} fontSize={16}>
+            <AccessTimeFilled fontSize="inherit"/>
+          </IconTypography>
+          <Box component="span">
+            {duration.toLocaleString(i18n.language, {
+                style: 'unit',
+                unit: showSeconds ? 'second' : 'minute',
+                unitDisplay: 'narrow',
+            })}
+          </Box>
+        </Box>
+      </Tooltip>);
+    }
+    const isTimerExpired = isExpired || (!minutes && !seconds);
+    if (step.execution?.status === 'DONE' ||
+        step.execution?.status === 'FAILED' ||
+        (isTimerExpired && hideInProgress)) {
+        return null;
+    }
+    return isTimerExpired ? (t('main.inProgress')) : (<Tooltip title={t('tooltip.estimatedTime')} sx={{ cursor: 'help' }}>
+      <Box component="span" display="flex" alignItems="center">
+        <IconTypography component="span" mr={0.5} fontSize={16}>
+          <AccessTimeFilled fontSize="inherit"/>
+        </IconTypography>
+        <Box component="span" sx={{ fontVariantNumeric: 'tabular-nums', cursor: 'help' }}>{`${minutes}:${seconds < 10 ? `0${seconds}` : seconds}`}</Box>
+      </Box>
+    </Tooltip>);
+};
+//# sourceMappingURL=StepTimer.jsx.map

package/dist/esm/components/Step/StepTimer.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepTimer.jsx","sourceRoot":"","sources":["../../../../src/components/Step/StepTimer.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/StepActions/StepActions.jsx

@@ -0,0 +1,181 @@
+import { ArrowForward, ExpandLess, ExpandMore } from '@mui/icons-material';
+import { Badge, Box, Collapse, Step as MuiStep, Stepper, Typography, } from '@mui/material';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { formatUnits } from 'viem';
+import { useAvailableChains } from '../../hooks/useAvailableChains.js';
+import { LiFiToolLogo } from '../../icons/lifi.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { HiddenUI } from '../../types/widget.js';
+import { formatTokenAmount } 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';
+import { StepFees } from './StepFees.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 (<Box {...other}>
+      <Box display="flex" alignItems="center">
+        <Badge overlap="circular" anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }} badgeContent={<SmallAvatar src={LiFiToolLogo}/>}>
+          <StepAvatar variant="circular" src={toolDetails.logoURI ?? LiFiToolLogo} alt={toolDetails.name}>
+            {toolDetails.name[0]}
+          </StepAvatar>
+        </Badge>
+        <Box flex={1}>
+          <Typography fontSize={18} fontWeight={600} lineHeight={1.3334} ml={2}>
+            {toolDetails.name?.includes('LI.FI')
+            ? toolDetails.name
+            : t('main.stepDetails', {
+                tool: toolDetails.name,
+            })}
+          </Typography>
+          <StepFees ml={2} step={step}/>
+        </Box>
+        {dense ? (<CardIconButton onClick={handleExpand} size="small">
+            {cardExpanded ? (<ExpandLess fontSize="inherit"/>) : (<ExpandMore fontSize="inherit"/>)}
+          </CardIconButton>) : null}
+      </Box>
+      {dense ? (<Collapse timeout={225} in={cardExpanded} mountOnEnter unmountOnExit>
+          <IncludedSteps step={step}/>
+        </Collapse>) : (<IncludedSteps step={step}/>)}
+    </Box>);
+};
+export const IncludedSteps = ({ step }) => {
+    const { subvariant, subvariantOptions, feeConfig, hiddenUI } = useWidgetConfig();
+    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 ? (<SmallAvatar src={toolLogoURI} alt={toolName} sx={{ width: 20, height: 20 }}>
+        {toolName?.[0]}
+      </SmallAvatar>) : null;
+    };
+    return (<Box mt={1}>
+      <Stepper orientation="vertical" connector={<StepConnector />} activeStep={-1}>
+        {includedSteps.map((step, i, includedSteps) => (<MuiStep key={step.id} expanded>
+            <StepLabel StepIconComponent={StepIconComponent}>
+              {step.type === 'custom' && subvariant === 'custom' ? (<CustomStepDetailsLabel step={step} subvariant={subvariant} subvariantOptions={subvariantOptions}/>) : step.type === 'cross' ? (<BridgeStepDetailsLabel step={step}/>) : step.type === 'protocol' ? (<ProtocolStepDetailsLabel step={step} feeConfig={feeConfig}/>) : (<SwapStepDetailsLabel step={step}/>)}
+            </StepLabel>
+            <StepContent last={i === includedSteps.length - 1}>
+              <StepDetailsContent step={step}/>
+            </StepContent>
+          </MuiStep>))}
+      </Stepper>
+    </Box>);
+};
+export 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
+                ? formatUnits(estimatedFromAmount, step.action.fromToken.decimals)
+                : formatUnits(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 (<Typography fontSize={12} lineHeight={1} fontWeight="500" color="text.secondary" alignItems="center" display="flex">
+      {!showToAmount ? (<>
+          {formatUnits(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals)}{' '}
+          {step.action.fromToken.symbol}
+          {' - '}
+        </>) : null}
+      {t('format.number', {
+            value: fromAmount,
+        })}{' '}
+      {step.action.fromToken.symbol}
+      {showToAmount ? (<>
+          <ArrowForward sx={{ fontSize: 18, paddingX: 0.5, height: 12 }}/>
+          {t('format.number', {
+                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: Number.parseFloat(fromAmount) *
+                Number.parseFloat(step.action.fromToken.priceUSD),
+        })})`)}
+    </Typography>);
+};
+export 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 (<StepLabelTypography>
+      {t(`main.${stepDetailsKey}StepDetails`, {
+            tool: toolDetails.name,
+        })}
+    </StepLabelTypography>);
+};
+export const BridgeStepDetailsLabel = ({ step }) => {
+    const { t } = useTranslation();
+    const { getChainById } = useAvailableChains();
+    return (<StepLabelTypography>
+      {t('main.bridgeStepDetails', {
+            from: getChainById(step.action.fromChainId)?.name,
+            to: getChainById(step.action.toChainId)?.name,
+            tool: step.toolDetails.name,
+        })}
+    </StepLabelTypography>);
+};
+export const SwapStepDetailsLabel = ({ step }) => {
+    const { t } = useTranslation();
+    const { getChainById } = useAvailableChains();
+    return (<StepLabelTypography>
+      {t('main.swapStepDetails', {
+            chain: getChainById(step.action.fromChainId)?.name,
+            tool: step.toolDetails.name,
+        })}
+    </StepLabelTypography>);
+};
+export const ProtocolStepDetailsLabel = ({ step, feeConfig }) => {
+    const { t } = useTranslation();
+    return (<StepLabelTypography>
+      {step.toolDetails.key === 'feeCollection'
+            ? feeConfig?.name
+                ? t('main.fees.integrator', { tool: feeConfig.name })
+                : t('main.fees.defaultIntegrator')
+            : step.toolDetails.key === 'lifuelProtocol'
+                ? t('main.refuelStepDetails', {
+                    tool: step.toolDetails.name,
+                })
+                : step.toolDetails.name}
+    </StepLabelTypography>);
+};
+//# sourceMappingURL=StepActions.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepActions.jsx","sourceRoot":"","sources":["../../../../src/components/StepActions/StepActions.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+export declare const StepConnector: import("@emotion/styled").StyledComponent<import("@mui/material").StepConnectorProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StepLabel: import("@emotion/styled").StyledComponent<import("@mui/material").StepLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StepLabelTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StepContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    last: boolean;
+}, {}, {}>;
+export declare const StepAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "alt" | "src" | "sizes" | "srcSet" | "classes" | "variant" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,55 @@
+import { Box, StepConnector as MuiStepConnector, StepLabel as MuiStepLabel, Typography, alpha, stepConnectorClasses, stepLabelClasses, styled, } 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: theme.palette.mode === 'light'
+            ? alpha(theme.palette.common.black, 0.12)
+            : alpha(theme.palette.common.white, 0.16),
+    },
+}));
+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',
+    },
+}));
+export const StepLabelTypography = styled(Typography)(({ theme }) => ({
+    fontSize: 12,
+    fontWeight: 500,
+    lineHeight: 1.325,
+    color: theme.palette.text.secondary,
+    padding: theme.spacing(0.5, 0),
+}));
+export const StepContent = styled(Box, {
+    shouldForwardProp: (prop) => !['last'].includes(prop),
+})(({ theme, last }) => ({
+    borderLeft: last
+        ? 'none'
+        : `2px solid ${theme.palette.mode === 'light'
+            ? alpha(theme.palette.common.black, 0.12)
+            : alpha(theme.palette.common.white, 0.16)}`,
+    margin: theme.spacing(0, 0, 0, 2.375),
+    paddingLeft: last ? theme.spacing(4.625) : theme.spacing(4.375),
+}));
+export const StepAvatar = styled(AvatarMasked)(({ theme }) => ({
+    color: theme.palette.text.primary,
+    backgroundColor: 'transparent',
+}));
+//# sourceMappingURL=StepActions.style.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepActions.style.jsx","sourceRoot":"","sources":["../../../../src/components/StepActions/StepActions.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,aAAa,IAAI,gBAAgB,EACjC,SAAS,IAAI,YAAY,EACzB,UAAU,EACV,KAAK,EACL,oBAAoB,EACpB,gBAAgB,EAChB,MAAM,GACP,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,EAAE;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7D,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IAChC,CAAC,IAAI,oBAAoB,CAAC,IAAI,EAAE,CAAC,EAAE;QACjC,SAAS,EAAE,CAAC;QACZ,eAAe,EAAE,CAAC;QAClB,WAAW,EACT,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;KAC9C;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE;IAC5C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACzE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjB,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,QAAQ;IACpB,CAAC,IAAI,gBAAgB,CAAC,aAAa,EAAE,CAAC,EAAE;QACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAChC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;KAClC;IACD,CAAC,IAAI,gBAAgB,CAAC,cAAc,EAAE,CAAC,EAAE;QACvC,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,CAAC,KAAK,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;QAClC,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpE,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;IACnC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;CAC/B,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE;IACrC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAChE,CAAC,CAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,UAAU,EAAE,IAAI;QACd,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,aACE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAC5C,EAAE;IACN,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC;IACrC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;CAChE,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,eAAe,EAAE,aAAa;CAC/B,CAAC,CAAC,CAAA"}

package/dist/esm/components/StepActions/StepFees.jsx

@@ -0,0 +1,26 @@
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { getStepFeeCostsBreakdown } from '../../utils/fees.js';
+export const StepFees = ({ step, ...other }) => {
+    const { t } = useTranslation();
+    const isDone = step.execution?.status === 'DONE';
+    const gasCosts = step.execution?.gasCosts ?? step.estimate.gasCosts;
+    const feeCosts = step.execution?.feeCosts ?? step.estimate.feeCosts;
+    let fees = 0;
+    if (gasCosts) {
+        const { amountUSD } = getStepFeeCostsBreakdown(gasCosts);
+        fees += amountUSD;
+    }
+    if (feeCosts) {
+        const filteredfeeCosts = feeCosts?.filter((fee) => !fee.included);
+        if (filteredfeeCosts?.length) {
+            const { amountUSD } = getStepFeeCostsBreakdown(filteredfeeCosts);
+            fees += amountUSD;
+        }
+    }
+    return (<Typography fontSize={12} fontWeight="500" color="text.secondary" lineHeight={1.3334} {...other}>
+      {t('format.currency', { value: fees })}{' '}
+      {isDone ? t('main.fees.paid') : t('main.fees.estimated')}
+    </Typography>);
+};
+//# sourceMappingURL=StepFees.jsx.map

package/dist/esm/components/StepActions/StepFees.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepFees.jsx","sourceRoot":"","sources":["../../../../src/components/StepActions/StepFees.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAIjB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAA;IACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAA;IACnE,IAAI,IAAI,GAAG,CAAC,CAAA;IAEZ,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;QACxD,IAAI,IAAI,SAAS,CAAA;IACnB,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,gBAAgB,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QACjE,IAAI,gBAAgB,EAAE,MAAM,EAAE,CAAC;YAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,gBAAgB,CAAC,CAAA;YAChE,IAAI,IAAI,SAAS,CAAA;QACnB,CAAC;IACH,CAAC;IAED,OAAO,CACL,CAAC,UAAU,CACT,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,UAAU,CAAC,KAAK,CAChB,KAAK,CAAC,gBAAgB,CACtB,UAAU,CAAC,CAAC,MAAM,CAAC,CACnB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAC3C;MAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAC1D;IAAA,EAAE,UAAU,CAAC,CACd,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/StepActions/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/StepDivider/StepDivider.jsx

@@ -0,0 +1,8 @@
+import { Divider } from '@mui/material';
+import { Container } from './StepDivider.style.js';
+export const StepDivider = () => {
+    return (<Container>
+      <Divider orientation="vertical" flexItem/>
+    </Container>);
+};
+//# sourceMappingURL=StepDivider.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepDivider.jsx","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,CAAC,SAAS,CACR;MAAA,CAAC,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,EAC1C;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/StepDivider/StepDivider.style.d.ts

@@ -0,0 +1,3 @@
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "maxWidth" | "children" | "sx" | "style" | "className" | "fixed" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,8 @@
+import { Container as MuiContainer, styled } from '@mui/material';
+export const Container = styled(MuiContainer)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: theme.spacing(2),
+}));
+//# sourceMappingURL=StepDivider.style.jsx.map

package/dist/esm/components/StepDivider/StepDivider.style.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepDivider.style.jsx","sourceRoot":"","sources":["../../../../src/components/StepDivider/StepDivider.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEjE,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC,CAAA"}

package/dist/esm/components/Switch.jsx

@@ -0,0 +1,52 @@
+import { Switch as MuiSwitch, alpha, styled, switchClasses, } from '@mui/material';
+export const Switch = styled(MuiSwitch)(({ theme }) => ({
+    width: 42,
+    height: 24,
+    padding: 0,
+    [`.${switchClasses.switchBase}`]: {
+        padding: 0,
+        margin: theme.spacing(0.25),
+        transitionDuration: theme.transitions.duration.standard,
+        [`&.${switchClasses.checked}`]: {
+            transform: 'translateX(18px)',
+            color: theme.palette.common.white,
+            [`& + .${switchClasses.track}`]: {
+                backgroundColor: theme.palette.primary.main,
+                opacity: 1,
+                border: 0,
+            },
+            [`&.${switchClasses.disabled} + .${switchClasses.track}`]: {
+                opacity: 0.5,
+            },
+        },
+        [`&.Mui-focusVisible .${switchClasses.thumb}`]: {
+            color: theme.palette.primary.main,
+            border: '6px solid',
+            borderColor: theme.palette.common.white,
+        },
+        [`&.${switchClasses.disabled} .${switchClasses.thumb}`]: {
+            color: theme.palette.mode === 'light'
+                ? alpha(theme.palette.common.black, 0.12)
+                : alpha(theme.palette.common.white, 0.12),
+        },
+        [`&.${switchClasses.disabled} + .${switchClasses.track}`]: {
+            opacity: theme.palette.mode === 'light' ? 0.7 : 0.3,
+        },
+    },
+    [`.${switchClasses.thumb}`]: {
+        boxSizing: 'border-box',
+        width: 20,
+        height: 20,
+    },
+    [`.${switchClasses.track}`]: {
+        borderRadius: 24 / 2,
+        backgroundColor: theme.palette.mode === 'light'
+            ? alpha(theme.palette.common.black, 0.16)
+            : alpha(theme.palette.common.white, 0.16),
+        opacity: 1,
+        transition: theme.transitions.create(['background-color'], {
+            duration: theme.transitions.duration.standard,
+        }),
+    },
+}));
+//# sourceMappingURL=Switch.jsx.map

package/dist/esm/components/Switch.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.jsx","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,KAAK,EACL,MAAM,EACN,aAAa,GACd,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,CAAC;IACV,CAAC,IAAI,aAAa,CAAC,UAAU,EAAE,CAAC,EAAE;QAChC,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAC3B,kBAAkB,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ;QACvD,CAAC,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE;YAC9B,SAAS,EAAE,kBAAkB;YAC7B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;YACjC,CAAC,QAAQ,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBAC/B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBAC3C,OAAO,EAAE,CAAC;gBACV,MAAM,EAAE,CAAC;aACV;YACD,CAAC,KAAK,aAAa,CAAC,QAAQ,OAAO,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBACzD,OAAO,EAAE,GAAG;aACb;SACF;QACD,CAAC,uBAAuB,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YAC9C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;YACjC,MAAM,EAAE,WAAW;YACnB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;SACxC;QACD,CAAC,KAAK,aAAa,CAAC,QAAQ,KAAK,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YACvD,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;gBAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;gBACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;SAC9C;QACD,CAAC,KAAK,aAAa,CAAC,QAAQ,OAAO,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YACzD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;SACpD;KACF;IACD,CAAC,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,SAAS,EAAE,YAAY;QACvB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,CAAC,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,YAAY,EAAE,EAAE,GAAG,CAAC;QACpB,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;QAC7C,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,EAAE;YACzD,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ;SAC9C,CAAC;KACH;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/Tabs/Tabs.style.d.ts

@@ -0,0 +1,11 @@
+export declare const Tabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CardTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Tab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "label" | "style" | "className" | "tabIndex" | "disabled" | "value" | "action" | "classes" | "icon" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    component?: React.ElementType;
+}, {}, {}>;

package/dist/esm/components/Tabs/Tabs.style.jsx

@@ -0,0 +1,39 @@
+import { Tab as MuiTab, Tabs as MuiTabs, alpha, styled, tabClasses, tabsClasses, } from '@mui/material';
+export const Tabs = styled(MuiTabs)(({ theme }) => ({
+    flex: 1,
+    [`.${tabsClasses.indicator}`]: {
+        top: theme.spacing(0.5),
+        left: theme.spacing(0.5),
+        height: `calc(100% - ${theme.spacing(1)})`,
+        width: `calc(100% - ${theme.spacing(1)})`,
+    },
+    [`.${tabsClasses.fixed}`]: {
+        padding: theme.spacing(0.5),
+    },
+}));
+export const CardTabs = styled(Tabs)(({ theme }) => ({
+    backgroundColor: theme.palette.mode === 'light'
+        ? alpha(theme.palette.common.black, 0.04)
+        : alpha(theme.palette.common.white, 0.08),
+    [`.${tabsClasses.indicator}`]: {
+        backgroundColor: theme.palette.mode === 'light'
+            ? theme.palette.background.paper
+            : alpha(theme.palette.common.black, 0.56),
+    },
+}));
+export const Tab = styled(MuiTab)(({ theme }) => ({
+    zIndex: 1,
+    flex: 1,
+    textTransform: 'none',
+    fontSize: '1rem',
+    fontWeight: 700,
+    color: theme.palette.mode === 'light'
+        ? theme.palette.common.black
+        : theme.palette.common.white,
+    [`&.${tabClasses.selected}`]: {
+        color: theme.palette.mode === 'light'
+            ? theme.palette.common.black
+            : theme.palette.common.white,
+    },
+}));
+//# sourceMappingURL=Tabs.style.jsx.map