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

package/_esm/components/AmountInput/PriceFormHelperText.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormHelperText, Skeleton, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { useTokenAddressBalance } from '../../hooks/useTokenAddressBalance.js';
-import { FormKeyHelper } from '../../stores/form/types.js';
-import { useFieldValues } from '../../stores/form/useFieldValues.js';
-import { formatTokenAmount, formatTokenPrice } from '../../utils/format.js';
-export const PriceFormHelperText = ({ formType }) => {
-    const [chainId, tokenAddress] = useFieldValues(FormKeyHelper.getChainKey(formType), FormKeyHelper.getTokenKey(formType));
-    const { token, isLoading } = useTokenAddressBalance(chainId, tokenAddress);
-    return (_jsx(PriceFormHelperTextBase, { formType: formType, isLoading: isLoading, tokenAddress: tokenAddress, token: token }));
-};
-export const PriceFormHelperTextBase = ({ formType, isLoading, tokenAddress, token }) => {
-    const { t } = useTranslation();
-    const [amount] = useFieldValues(FormKeyHelper.getAmountKey(formType));
-    const fromAmountTokenPrice = formatTokenPrice(amount, token?.priceUSD);
-    return (_jsxs(FormHelperText, { component: "div", sx: {
-            display: 'flex',
-            justifyContent: 'space-between',
-            margin: 0,
-            marginLeft: 2,
-            marginTop: 0.75,
-        }, children: [_jsx(Typography, { color: "text.secondary", fontWeight: 500, fontSize: 12, lineHeight: 1, flex: 1, sx: {
-                    wordBreak: 'break-word',
-                    overflowWrap: 'break-word',
-                }, children: t(`format.currency`, {
-                    value: fromAmountTokenPrice,
-                }) }), isLoading && tokenAddress ? (_jsx(Skeleton, { variant: "text", width: 48, height: 12 })) : token?.amount ? (_jsx(Typography, { fontWeight: 500, fontSize: 12, color: "text.secondary", lineHeight: 1, pl: 0.25, children: `/ ${t(`format.number`, {
-                    value: formatTokenAmount(token.amount, token.decimals),
-                })}` })) : null] }));
-};
-//# sourceMappingURL=PriceFormHelperText.js.map

package/_esm/components/AmountInput/PriceFormHelperText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PriceFormHelperText.js","sourceRoot":"","sources":["../../../components/AmountInput/PriceFormHelperText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE5E,MAAM,CAAC,MAAM,mBAAmB,GAA4B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3E,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,cAAc,CAC5C,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CACpC,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,sBAAsB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE3E,OAAO,CACL,KAAC,uBAAuB,IACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAMhC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtE,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEvE,OAAO,CACL,MAAC,cAAc,IACb,SAAS,EAAC,KAAK,EACf,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,eAAe;YAC/B,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,CAAC;YACb,SAAS,EAAE,IAAI;SAChB,aAED,KAAC,UAAU,IACT,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE,GAAG,EACf,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,CAAC,EACb,IAAI,EAAE,CAAC,EACP,EAAE,EAAE;oBACF,SAAS,EAAE,YAAY;oBACvB,YAAY,EAAE,YAAY;iBAC3B,YAEA,CAAC,CAAC,iBAAiB,EAAE;oBACpB,KAAK,EAAE,oBAAoB;iBAC5B,CAAC,GACS,EACZ,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,CAC3B,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACnD,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,KAAC,UAAU,IACT,UAAU,EAAE,GAAG,EACf,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE,CAAC,EACb,EAAE,EAAE,IAAI,YAEP,KAAK,CAAC,CAAC,eAAe,EAAE;oBACvB,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC;iBACvD,CAAC,EAAE,GACO,CACd,CAAC,CAAC,CAAC,IAAI,IACO,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/AppContainer.d.ts

@@ -1,16 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { WidgetVariant } from '../types/widget.js';
-export declare const AppExpandedContainer: 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> & {
-    variant?: WidgetVariant;
-}, {}, {}>;
-export declare const RelativeContainer: 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> & {
-    variant?: WidgetVariant;
-}, {}, {}>;
-export declare const FlexContainer: 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;
-}, "fixed" | "maxWidth" | "children" | "sx" | "style" | "className" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const AppContainer: React.FC<PropsWithChildren<{}>>;

package/_esm/components/AppContainer.js

@@ -1,87 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Container, ScopedCssBaseline, styled } from '@mui/material';
-import { defaultMaxHeight } from '../config/constants.js';
-import { useHeaderHeight } from '../hooks/useHeaderHeight.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { ElementId, createElementId } from '../utils/elements.js';
-export const AppExpandedContainer = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'variant',
-})(({ theme, variant }) => ({
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'start',
-    flex: 1,
-    height: variant === 'drawer'
-        ? 'none'
-        : theme.container?.display === 'flex'
-            ? '100%'
-            : theme.container?.maxHeight
-                ? 'auto'
-                : theme.container?.height || 'auto',
-}));
-export const RelativeContainer = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'variant',
-})(({ theme, variant }) => {
-    const container = { ...theme.container };
-    if (variant === 'drawer') {
-        container.height = '100%';
-    }
-    return {
-        position: 'relative',
-        boxSizing: 'content-box',
-        width: '100%',
-        minWidth: theme.breakpoints.values.xs,
-        maxWidth: theme.breakpoints.values.sm,
-        background: theme.palette.background.default,
-        overflow: 'auto',
-        flex: 1,
-        zIndex: 0,
-        ...container,
-        maxHeight: variant === 'drawer'
-            ? 'none'
-            : theme.container?.display === 'flex' && !theme.container?.height
-                ? '100%'
-                : theme.container?.maxHeight
-                    ? theme.container?.maxHeight
-                    : theme.container?.height || defaultMaxHeight,
-    };
-});
-const CssBaselineContainer = styled(ScopedCssBaseline, {
-    shouldForwardProp: (prop) => !['variant', 'paddingTopAdjustment', 'elementId'].includes(prop),
-})(({ theme, variant, paddingTopAdjustment, elementId }) => ({
-    display: 'flex',
-    flex: 1,
-    flexDirection: 'column',
-    overflowX: 'clip',
-    margin: 0,
-    width: '100%',
-    maxHeight: variant === 'drawer' || theme.container?.display === 'flex'
-        ? 'none'
-        : theme.container?.maxHeight
-            ? theme.container?.maxHeight
-            : theme.container?.height || defaultMaxHeight,
-    overflowY: 'auto',
-    height: theme.container?.display === 'flex' ? 'auto' : '100%',
-    paddingTop: paddingTopAdjustment,
-    // The following allows for the token list to always fill the available height
-    // use of CSS.escape here is to deal with characters such as ':' returned by reacts useId hook
-    //   related issue - https://github.com/facebook/react/issues/26839
-    [`&:has(#${CSS.escape(createElementId(ElementId.TokenList, elementId))})`]: {
-        height: theme.container?.maxHeight
-            ? theme.container?.maxHeight
-            : theme.container?.height || defaultMaxHeight,
-    },
-}));
-export const FlexContainer = styled(Container)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    flex: 1,
-}));
-export const AppContainer = ({ children }) => {
-    // const ref = useRef<HTMLDivElement>(null);
-    const { variant, elementId, theme } = useWidgetConfig();
-    const { headerHeight } = useHeaderHeight();
-    const positionFixedAdjustment = theme?.header?.position === 'fixed' ? headerHeight : 0;
-    return (_jsx(RelativeContainer, { variant: variant, id: createElementId(ElementId.RelativeContainer, elementId), children: _jsx(CssBaselineContainer, { id: createElementId(ElementId.ScrollableContainer, elementId), variant: variant, enableColorScheme: true, paddingTopAdjustment: positionFixedAdjustment, elementId: elementId, children: _jsx(FlexContainer, { disableGutters: true, children: children }) }) }));
-};
-//# sourceMappingURL=AppContainer.js.map

package/_esm/components/AppContainer.js.map

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

package/_esm/components/Avatar/AccountAvatar.d.ts

@@ -1,10 +0,0 @@
-import type { Account } from '@lifi/wallet-management';
-import type { ToAddress } from '../../types/widget.js';
-interface AccountAvatarProps {
-    chainId?: number;
-    account?: Account;
-    toAddress?: ToAddress;
-    empty?: boolean;
-}
-export declare const AccountAvatar: ({ chainId, account, empty, toAddress, }: AccountAvatarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/_esm/components/Avatar/AccountAvatar.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getConnectorIcon } from '@lifi/wallet-management';
-import { Wallet } from '@mui/icons-material';
-import { Badge } from '@mui/material';
-import { useChain } from '../../hooks/useChain.js';
-import { AvatarDefault, AvatarDefaultBadge, AvatarMasked, } from './Avatar.style.js';
-import { SmallAvatar } from './SmallAvatar.js';
-export const AccountAvatar = ({ chainId, account, empty, toAddress, }) => {
-    const { chain } = useChain(chainId);
-    const avatar = empty ? (_jsx(AvatarDefault, {})) : account?.connector || toAddress?.logoURI ? (_jsx(AvatarMasked, { src: toAddress?.logoURI || getConnectorIcon(account?.connector), alt: toAddress?.name || account?.connector?.name, children: (toAddress?.name || account?.connector?.name)?.[0] })) : (_jsx(AvatarDefault, { children: _jsx(Wallet, { sx: { fontSize: 20 } }) }));
-    return (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: chain ? (_jsx(SmallAvatar, { src: chain.logoURI, alt: chain.name, children: chain.name[0] })) : (_jsx(AvatarDefaultBadge, {})), children: avatar }));
-};
-//# sourceMappingURL=AccountAvatar.js.map

package/_esm/components/Avatar/AccountAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccountAvatar.js","sourceRoot":"","sources":["../../../components/Avatar/AccountAvatar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,YAAY,GACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAS/C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,OAAO,EACP,KAAK,EACL,SAAS,GACU,EAAE,EAAE;IACvB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CACrB,KAAC,aAAa,KAAG,CAClB,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,IAAI,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAC7C,KAAC,YAAY,IACX,GAAG,EAAE,SAAS,EAAE,OAAO,IAAI,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,EAC/D,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,OAAO,EAAE,SAAS,EAAE,IAAI,YAE/C,CAAC,SAAS,EAAE,IAAI,IAAI,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GACtC,CAChB,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,cACZ,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GAClB,CACjB,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EACV,KAAK,CAAC,CAAC,CAAC,CACN,KAAC,WAAW,IAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,YAC7C,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GACF,CACf,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,KAAG,CACvB,YAGF,MAAM,GACD,CACT,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Avatar/Avatar.d.ts

@@ -1,8 +0,0 @@
-import type { SxProps, Theme } from '@mui/material';
-export declare const AvatarBadgedDefault: React.FC<{
-    sx?: SxProps<Theme>;
-}>;
-export declare const AvatarBadgedSkeleton: React.FC<{
-    sx?: SxProps<Theme>;
-}>;
-export declare const AvatarSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/_esm/components/Avatar/Avatar.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge, Skeleton } from '@mui/material';
-import { AvatarDefault, AvatarDefaultBadge, AvatarSkeletonMaskedContainer, } from './Avatar.style.js';
-import { SmallAvatarSkeleton } from './SmallAvatar.js';
-export const AvatarBadgedDefault = ({ sx }) => {
-    return (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(AvatarDefaultBadge, {}), sx: sx, children: _jsx(AvatarDefault, {}) }));
-};
-export const AvatarBadgedSkeleton = ({ sx }) => {
-    return (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(SmallAvatarSkeleton, {}), sx: sx, children: _jsx(AvatarSkeleton, {}) }));
-};
-export const AvatarSkeleton = () => {
-    return (_jsx(AvatarSkeletonMaskedContainer, { children: _jsx(Skeleton, { width: 40, height: 40, variant: "circular" }) }));
-};
-//# sourceMappingURL=Avatar.js.map

package/_esm/components/Avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../components/Avatar/Avatar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,6BAA6B,GAC9B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,CAAC,MAAM,mBAAmB,GAE3B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACd,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EAAE,KAAC,kBAAkB,KAAG,EACpC,EAAE,EAAE,EAAE,YAEN,KAAC,aAAa,KAAG,GACX,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAE5B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACd,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EAAE,KAAC,mBAAmB,KAAG,EACrC,EAAE,EAAE,EAAE,YAEN,KAAC,cAAc,KAAG,GACZ,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,CACL,KAAC,6BAA6B,cAC5B,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,UAAU,GAAG,GACxB,CACjC,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Avatar/Avatar.style.d.ts

@@ -1,16 +0,0 @@
-export declare const AvatarMasked: 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" | "sizes" | "alt" | "src" | "srcSet" | "classes" | "variant" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const TokenAvatarGroup: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarGroupProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const AvatarDefault: 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>, {}, {}>;
-export declare const AvatarDefaultBadge: 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>, {}, {}>;
-export declare const AvatarSkeletonContainer: 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>, {}, {}>;
-export declare const AvatarSkeletonMaskedContainer: 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>, {}, {}>;

package/_esm/components/Avatar/Avatar.style.js

@@ -1,57 +0,0 @@
-import { AvatarGroup, Box, Avatar as MuiAvatar, avatarClasses, badgeClasses, styled, } from '@mui/material';
-import { avatarMask16 } from './utils.js';
-export const AvatarMasked = styled(MuiAvatar)(({ theme }) => ({
-    mask: avatarMask16,
-}));
-export const TokenAvatarGroup = styled(AvatarGroup)(({ theme }) => ({
-    [`& .${badgeClasses.badge}:last-child .${avatarClasses.root}`]: {
-        boxSizing: 'border-box',
-    },
-    [`& .${avatarClasses.root}`]: {
-        border: 'none',
-        marginLeft: 0,
-    },
-    [`& .${badgeClasses.root}:first-child`]: {
-        marginLeft: theme.spacing(-1),
-        border: 'none',
-    },
-    [`& .${badgeClasses.root}:last-child`]: {
-        border: 'none',
-    },
-}));
-export const AvatarDefault = styled(Box)(({ theme }) => {
-    const root = theme.components?.MuiAvatar?.styleOverrides?.root;
-    return {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        background: theme.palette.mode === 'light'
-            ? theme.palette.grey[300]
-            : theme.palette.grey[800],
-        borderRadius: '50%',
-        height: root?.height,
-        width: root?.width,
-        color: theme.palette.text.secondary,
-        mask: avatarMask16,
-    };
-});
-export const AvatarDefaultBadge = styled(Box)(({ theme }) => {
-    return {
-        background: theme.palette.mode === 'light'
-            ? theme.palette.grey[300]
-            : theme.palette.grey[800],
-        borderRadius: '50%',
-        height: 16,
-        width: 16,
-    };
-});
-export const AvatarSkeletonContainer = styled(Box)(({ theme }) => ({
-    background: theme.palette.background.paper,
-    borderRadius: '50%',
-}));
-export const AvatarSkeletonMaskedContainer = styled(Box)(({ theme }) => ({
-    background: theme.palette.background.paper,
-    borderRadius: '50%',
-    mask: avatarMask16,
-}));
-//# sourceMappingURL=Avatar.style.js.map

package/_esm/components/Avatar/Avatar.style.js.map

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

package/_esm/components/Avatar/SmallAvatar.d.ts

@@ -1,4 +0,0 @@
-export declare const SmallAvatar: 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" | "sizes" | "alt" | "src" | "srcSet" | "classes" | "variant" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const SmallAvatarSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/_esm/components/Avatar/SmallAvatar.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Avatar, Skeleton, styled } from '@mui/material';
-import { AvatarSkeletonContainer } from './Avatar.style.js';
-export const SmallAvatar = styled(Avatar)(({ theme }) => ({
-    background: theme.palette.background.paper,
-    width: 16,
-    height: 16,
-}));
-export const SmallAvatarSkeleton = () => {
-    return (_jsx(AvatarSkeletonContainer, { children: _jsx(Skeleton, { width: 16, height: 16, variant: "circular" }) }));
-};
-//# sourceMappingURL=SmallAvatar.js.map

package/_esm/components/Avatar/SmallAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SmallAvatar.js","sourceRoot":"","sources":["../../../components/Avatar/SmallAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC1C,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,OAAO,CACL,KAAC,uBAAuB,cACtB,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,UAAU,GAAG,GAC9B,CAC3B,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Avatar/TokenAvatar.d.ts

@@ -1,19 +0,0 @@
-import type { Chain, StaticToken } from '@lifi/sdk';
-import type { SxProps, Theme } from '@mui/material';
-export declare const TokenAvatar: React.FC<{
-    token?: StaticToken;
-    chain?: Chain;
-    isLoading?: boolean;
-    sx?: SxProps<Theme>;
-}>;
-export declare const TokenAvatarFallback: React.FC<{
-    token?: StaticToken;
-    isLoading?: boolean;
-    sx?: SxProps<Theme>;
-}>;
-export declare const TokenAvatarBase: React.FC<{
-    token?: StaticToken;
-    chain?: Chain;
-    isLoading?: boolean;
-    sx?: SxProps<Theme>;
-}>;

package/_esm/components/Avatar/TokenAvatar.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from '@mui/material';
-import { useChain } from '../../hooks/useChain.js';
-import { useToken } from '../../hooks/useToken.js';
-import { AvatarBadgedSkeleton } from './Avatar.js';
-import { AvatarDefaultBadge, AvatarMasked } from './Avatar.style.js';
-import { SmallAvatar } from './SmallAvatar.js';
-export const TokenAvatar = ({ token, chain, isLoading, sx }) => {
-    if (!chain || !token?.logoURI) {
-        return _jsx(TokenAvatarFallback, { token: token, isLoading: isLoading, sx: sx });
-    }
-    return (_jsx(TokenAvatarBase, { token: token, chain: chain, isLoading: isLoading, sx: sx }));
-};
-export const TokenAvatarFallback = ({ token, isLoading, sx }) => {
-    const { chain } = useChain(token?.chainId);
-    const { token: chainToken, isLoading: isLoadingToken } = useToken(token?.chainId, token?.address);
-    return (_jsx(TokenAvatarBase, { token: chainToken ?? token, isLoading: isLoading || isLoadingToken, chain: chain, sx: sx }));
-};
-export const TokenAvatarBase = ({ token, chain, isLoading, sx }) => {
-    return isLoading ? (_jsx(AvatarBadgedSkeleton, {})) : (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: chain ? (_jsx(SmallAvatar, { src: chain.logoURI, alt: chain.name, children: chain.name[0] })) : (_jsx(AvatarDefaultBadge, {})), sx: sx, children: _jsx(AvatarMasked, { src: token?.logoURI, alt: token?.symbol, children: token?.symbol?.[0] }) }));
-};
-//# sourceMappingURL=TokenAvatar.js.map

package/_esm/components/Avatar/TokenAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenAvatar.js","sourceRoot":"","sources":["../../../components/Avatar/TokenAvatar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAKnB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE;IACvC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;QAC9B,OAAO,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,GAAI,CAAC;IAC7E,CAAC;IACD,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,GACN,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAI3B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE;IAChC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC3C,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,QAAQ,CAC/D,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,OAAO,CACf,CAAC;IACF,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EAAE,UAAU,IAAI,KAAK,EAC1B,SAAS,EAAE,SAAS,IAAI,cAAc,EACtC,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,GACN,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAKvB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE;IACvC,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,oBAAoB,KAAG,CACzB,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EACV,KAAK,CAAC,CAAC,CAAC,CACN,KAAC,WAAW,IAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,YAC7C,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GACF,CACf,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,KAAG,CACvB,EAEH,EAAE,EAAE,EAAE,YAEN,KAAC,YAAY,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,YAClD,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,GACN,GACT,CACT,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Avatar/utils.d.ts

@@ -1,8 +0,0 @@
-/**
- * Avatar mask for 16px badge
- */
-export declare const avatarMask16 = "radial-gradient(circle 10.5px at calc(100% - 5.5px) calc(100% - 5.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat";
-/**
- * Avatar mask for 12px badge
- */
-export declare const avatarMask12 = "radial-gradient(circle 8.5px at calc(100% - 3.5px) calc(100% - 3.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat";

package/_esm/components/Avatar/utils.js

@@ -1,9 +0,0 @@
-/**
- * Avatar mask for 16px badge
- */
-export const avatarMask16 = 'radial-gradient(circle 10.5px at calc(100% - 5.5px) calc(100% - 5.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat';
-/**
- * Avatar mask for 12px badge
- */
-export const avatarMask12 = 'radial-gradient(circle 8.5px at calc(100% - 3.5px) calc(100% - 3.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat';
-//# sourceMappingURL=utils.js.map

package/_esm/components/Avatar/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../components/Avatar/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GACvB,0HAA0H,CAAC;AAE7H;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GACvB,yHAAyH,CAAC"}

package/_esm/components/BaseTransactionButton/BaseTransactionButton.d.ts

@@ -1,2 +0,0 @@
-import type { BaseTransactionButtonProps } from './types.js';
-export declare const BaseTransactionButton: React.FC<BaseTransactionButtonProps>;

package/_esm/components/BaseTransactionButton/BaseTransactionButton.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useAccount, useWalletMenu } from '@lifi/wallet-management';
-import { LoadingButton } from '@mui/lab';
-import { useTranslation } from 'react-i18next';
-import { useChain } from '../../hooks/useChain.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { useFieldValues } from '../../stores/form/useFieldValues.js';
-export const BaseTransactionButton = ({ onClick, text, disabled, loading, }) => {
-    const { t } = useTranslation();
-    const { walletConfig } = useWidgetConfig();
-    const { openWalletMenu } = useWalletMenu();
-    const [fromChainId] = useFieldValues('fromChain');
-    const { chain } = useChain(fromChainId);
-    const { account } = useAccount({ chainType: chain?.chainType });
-    const handleClick = async () => {
-        if (account.isConnected) {
-            onClick?.();
-        }
-        else if (walletConfig?.onConnect) {
-            walletConfig.onConnect();
-        }
-        else {
-            openWalletMenu();
-        }
-    };
-    const getButtonText = () => {
-        if (account.isConnected) {
-            if (text) {
-                return text;
-            }
-        }
-        return t(`button.connectWallet`);
-    };
-    return (_jsx(LoadingButton, { variant: "contained", color: "primary", onClick: handleClick, disabled: account.isConnected && disabled, loading: loading, loadingPosition: "center", fullWidth: true, children: getButtonText() }));
-};
-//# sourceMappingURL=BaseTransactionButton.js.map

package/_esm/components/BaseTransactionButton/BaseTransactionButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseTransactionButton.js","sourceRoot":"","sources":["../../../components/BaseTransactionButton/BaseTransactionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAGrE,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,EAAE,cAAc,EAAE,GAAG,aAAa,EAAE,CAAC;IAC3C,MAAM,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,IAAI,YAAY,EAAE,SAAS,EAAE,CAAC;YACnC,YAAY,CAAC,SAAS,EAAE,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,cAAc,EAAE,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,OAAO,CAAC,WAAW,IAAI,QAAQ,EACzC,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,QAAQ,EACxB,SAAS,kBAER,aAAa,EAAE,GACF,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/BaseTransactionButton/types.d.ts

@@ -1,6 +0,0 @@
-export interface BaseTransactionButtonProps {
-    onClick?(): void;
-    text?: string;
-    disabled?: boolean;
-    loading?: boolean;
-}

package/_esm/components/BaseTransactionButton/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/_esm/components/BaseTransactionButton/types.js.map

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

package/_esm/components/BottomSheet/BottomSheet.d.ts

@@ -1,2 +0,0 @@
-import type { BottomSheetBase, BottomSheetProps } from './types.js';
-export declare const BottomSheet: import("react").ForwardRefExoticComponent<Omit<BottomSheetProps, "ref"> & import("react").RefAttributes<BottomSheetBase>>;

package/_esm/components/BottomSheet/BottomSheet.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Drawer } from '@mui/material';
-import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
-import { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js';
-import { modalProps, paperProps, slotProps } from '../Dialog.js';
-export const BottomSheet = forwardRef(({ elementRef, children, open, onClose }, ref) => {
-    const getContainer = useGetScrollableContainer();
-    const openRef = useRef(open);
-    const [drawerOpen, setDrawerOpen] = useState(open);
-    const close = useCallback(() => {
-        setDrawerOpen(false);
-        openRef.current = false;
-        onClose?.();
-    }, [onClose]);
-    useImperativeHandle(ref, () => ({
-        isOpen: () => openRef.current,
-        open: () => {
-            setDrawerOpen(true);
-            openRef.current = true;
-        },
-        close,
-    }), [close]);
-    return (_jsx(Drawer, { container: getContainer, ref: elementRef, anchor: "bottom", open: drawerOpen, onClose: close, ModalProps: modalProps, PaperProps: paperProps, slotProps: slotProps, disableAutoFocus: true, children: children }));
-});
-//# sourceMappingURL=BottomSheet.js.map

package/_esm/components/BottomSheet/BottomSheet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EACL,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGjE,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QACxB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO;QAC7B,IAAI,EAAE,GAAG,EAAE;YACT,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC;QACD,KAAK;KACN,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,UAAU,EACf,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,gBAAgB,kBAEf,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/_esm/components/BottomSheet/types.d.ts

@@ -1,11 +0,0 @@
-import type { DrawerProps } from '@mui/material';
-import type { RefObject } from 'react';
-export type BottomSheetProps = Omit<DrawerProps, 'onClose'> & {
-    elementRef?: RefObject<HTMLDivElement>;
-    onClose?(): void;
-};
-export interface BottomSheetBase {
-    isOpen(): void;
-    open(): void;
-    close(): void;
-}

package/_esm/components/BottomSheet/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/_esm/components/BottomSheet/types.js.map

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

package/_esm/components/ButtonTertiary.d.ts

@@ -1,3 +0,0 @@
-export declare const ButtonTertiary: import("@emotion/styled").StyledComponent<import("@mui/lab").LoadingButtonOwnProps & Omit<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes">, "classes"> & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "loading" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon" | "loadingIndicator" | "loadingPosition"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/ButtonTertiary.js

@@ -1,19 +0,0 @@
-import { LoadingButton, loadingButtonClasses } from '@mui/lab';
-import { styled } from '@mui/material';
-import { getContrastAlphaColor } from '../utils/colors.js';
-export const ButtonTertiary = styled(LoadingButton)(({ theme }) => ({
-    color: theme.palette.text.primary,
-    height: 40,
-    fontSize: 14,
-    backgroundColor: getContrastAlphaColor(theme, 0.04),
-    '&:hover, &:active': {
-        backgroundColor: getContrastAlphaColor(theme, 0.08),
-    },
-    [`&.${loadingButtonClasses.loading}:disabled`]: {
-        backgroundColor: getContrastAlphaColor(theme, 0.04),
-    },
-    [`.${loadingButtonClasses.loadingIndicator}`]: {
-        color: theme.palette.text.primary,
-    },
-}));
-//# sourceMappingURL=ButtonTertiary.js.map

package/_esm/components/ButtonTertiary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonTertiary.js","sourceRoot":"","sources":["../../components/ButtonTertiary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,EAAE;IACZ,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;IACnD,mBAAmB,EAAE;QACnB,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;KACpD;IACD,CAAC,KAAK,oBAAoB,CAAC,OAAO,WAAW,CAAC,EAAE;QAC9C,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;KACpD;IACD,CAAC,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,CAAC,EAAE;QAC7C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/Card/Card.d.ts

@@ -1,9 +0,0 @@
-import type { CardProps as MuiCardProps } from '@mui/material';
-export interface CardProps extends MuiCardProps {
-    type?: 'default' | 'selected' | 'error';
-    selectionColor?: 'primary' | 'secondary';
-    indented?: boolean;
-}
-export declare const Card: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & 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" | "elevation" | "classes" | "variant" | "square" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CardProps, {}, {}>;